Design Catalog

Cross-reference of data-spw-* attributes, CSS clusters, custom-property tokens, and .spw philosophy documents, scanned across the site-facing surfaces. Generated .

1201 attributes • 2525 tokens • 153 CSS files • 239 philosophy docs • 234 images

Orphans & gaps

Places where the traceability graph is incomplete.

attrs in CSS, not in HTML (491)
data-spw-accent-concept data-spw-active data-spw-active-layers data-spw-active-lens-mode data-spw-address-role data-spw-allocation data-spw-anatomy-ready data-spw-anatomy-stack data-spw-anatomy-state data-spw-anatomy-theme-link data-spw-anatomy-theming data-spw-animation-throttling data-spw-annotation data-spw-annotation-match data-spw-annotation-scope data-spw-annotation-state data-spw-arc data-spw-author-surface data-spw-base-material data-spw-base-metamaterial data-spw-beat data-spw-bookmarked data-spw-bottom-lane-managed data-spw-bottom-lane-mode data-spw-bottom-lane-nav data-spw-box-presence data-spw-box-settle-phase data-spw-box-story data-spw-brace-state data-spw-breadcrumb-menu-changed data-spw-breadcrumb-menu-clarity data-spw-breadcrumb-menu-mode data-spw-breadcrumb-menu-phase data-spw-breadcrumb-menu-state data-spw-breadcrumb-region-menu data-spw-breadcrumb-reversible data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-brush-active data-spw-brush-mode data-spw-cadence-motion data-spw-cauldron-action-state data-spw-cauldron-candidate-visibility data-spw-cauldron-category data-spw-cauldron-collected data-spw-cauldron-cue data-spw-cauldron-discoverability data-spw-cauldron-garden-phase data-spw-cauldron-output-state data-spw-cauldron-phase data-spw-cauldron-resonance data-spw-cauldron-resonance-operators data-spw-cauldron-visibility data-spw-charge-direction data-spw-charge-phase data-spw-charge-state data-spw-child-active data-spw-chrome-collapse data-spw-chrome-fluid data-spw-chrome-island data-spw-chrome-position data-spw-chrome-role data-spw-chrome-tier data-spw-circuit-role data-spw-cognitive-container data-spw-cognitive-handles data-spw-collected data-spw-collection-fresh data-spw-collection-intention data-spw-collection-status data-spw-color-mode data-spw-color-tuner data-spw-component-density data-spw-component-genome data-spw-component-id data-spw-component-kind data-spw-component-lifecycle data-spw-component-motif data-spw-component-state data-spw-component-variant-active data-spw-concept-label data-spw-concept-relation data-spw-condense-tier data-spw-config-domain data-spw-connection-posture data-spw-container data-spw-content data-spw-content-tone data-spw-context-match data-spw-contrast-state data-spw-controls-open data-spw-copied data-spw-copy-depth-resolved data-spw-crossref data-spw-crossref-source data-spw-crumb-kind data-spw-curator-density data-spw-current data-spw-debug data-spw-debug-layers data-spw-debug-mode data-spw-deep-link data-spw-delight data-spw-design-ecology-packing data-spw-design-interpretation data-spw-developmental-climate data-spw-developmental-indicators data-spw-deviation data-spw-dimensional-breadcrumbs data-spw-discharge-kind data-spw-discovery-notices-active data-spw-drag-state data-spw-dragging data-spw-earned data-spw-edge-gravity data-spw-effect data-spw-effect-pulse data-spw-effect-stop data-spw-effect-view data-spw-effects data-spw-embedded-tuning-host data-spw-empty data-spw-enhancement-level data-spw-explore-posture data-spw-extent data-spw-feature-convergent data-spw-feature-encounter data-spw-feature-fresh data-spw-feature-lab data-spw-feature-learning data-spw-feature-level data-spw-field-wonder data-spw-filters data-spw-fixed-viewport-correction data-spw-fixity-tier data-spw-floating-chrome-bottom data-spw-floating-chrome-competition data-spw-font-scale data-spw-font-size-scale data-spw-freshness-pulse data-spw-garden-provenance data-spw-generated data-spw-genre data-spw-gesture data-spw-gesture-anatomy data-spw-gesture-contract-resolved data-spw-gesture-hint data-spw-grain-state data-spw-grain-theme data-spw-grounded data-spw-grounded-in data-spw-guide-kind data-spw-guide-value data-spw-guided data-spw-handle-advanced data-spw-handle-enhanced data-spw-handle-phase data-spw-handle-shell-state data-spw-harmony data-spw-harmony-field data-spw-high-contrast data-spw-hint-density data-spw-hint-surface data-spw-hold-state data-spw-hover-mode data-spw-hydration-pass data-spw-hydration-pass-momentum data-spw-image-discovered data-spw-image-distribution data-spw-image-effect data-spw-image-gesture data-spw-image-interaction-state data-spw-image-layout data-spw-image-preview data-spw-image-resonance data-spw-image-state data-spw-image-utilization data-spw-information-reveal data-spw-ingredient-inspect data-spw-ingredient-phase data-spw-ingredient-primed data-spw-inline-form data-spw-inspect-copy data-spw-inspect-semantic-expanded data-spw-inspect-semantic-focused data-spw-inspect-semantic-match data-spw-inspectability data-spw-interaction-affordance data-spw-interaction-arc data-spw-interaction-context data-spw-interaction-destination data-spw-interaction-lane data-spw-interaction-phase data-spw-interaction-posture data-spw-interaction-tuner data-spw-interaction-wonder data-spw-interactive-medium-ready data-spw-interactivity data-spw-key-selection data-spw-knowledge data-spw-language-evolution-posture data-spw-latched data-spw-layout-assumption-correction data-spw-layout-assumptions-active data-spw-layout-assumptions-pass data-spw-layout-contract data-spw-layout-correction data-spw-layout-flow data-spw-layout-posture data-spw-layout-selection-pulse data-spw-layout-tuner data-spw-learnability-ledger data-spw-learnability-process data-spw-learnability-resonance data-spw-learnability-tier data-spw-learnable-dimension data-spw-learning-mode data-spw-learning-surface data-spw-lens-chip data-spw-lens-deep-link data-spw-lens-feedback data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state data-spw-lifecycle data-spw-lifecycle-beat-resolved data-spw-line-spacing data-spw-load-posture data-spw-load-timing data-spw-loading-ecology-dimensions data-spw-loading-ecology-genre data-spw-loading-ecology-phase data-spw-loading-ecology-rhythm data-spw-loading-ecology-salience data-spw-loading-ecology-trope data-spw-loading-ecology-twinkle data-spw-loop-state data-spw-meaning-depth data-spw-meaning-mode data-spw-measure data-spw-medium data-spw-medium-register data-spw-memo-wonder data-spw-memory-managed data-spw-menu data-spw-menu-changed data-spw-menu-clarity data-spw-menu-mode data-spw-menu-overlay data-spw-menu-phase data-spw-menu-pressure data-spw-menu-reversible data-spw-menu-topology data-spw-metacognitive-stance data-spw-metric-kind data-spw-microinteraction-pulse data-spw-module-effect-pulse data-spw-module-effects-active data-spw-module-hydration data-spw-module-status data-spw-module-trigger data-spw-module-trigger-status data-spw-module-updates-brief data-spw-module-updates-contract data-spw-module-updates-flourishes data-spw-module-updates-kinds data-spw-module-updates-readable data-spw-module-updates-roles data-spw-module-visuals data-spw-narrative-mode data-spw-nav-destination data-spw-nav-fit data-spw-nav-tokenized data-spw-navigator data-spw-notice-click-target data-spw-numericity-emphasis data-spw-open-anchor data-spw-open-direction data-spw-operational-visibility data-spw-operator-brace-bias data-spw-operator-charge-role data-spw-operator-flow data-spw-operator-geometry data-spw-operator-left-role data-spw-operator-right-role data-spw-origin data-spw-ornament data-spw-ornament-axis data-spw-ornament-density data-spw-ornament-state data-spw-override-state data-spw-pack-fill data-spw-pack-occupancy data-spw-pack-tier data-spw-packing-state data-spw-page-arrival data-spw-page-arrival-step data-spw-page-presence data-spw-page-region-rail data-spw-page-section-direction data-spw-page-section-phase data-spw-page-settling data-spw-page-state data-spw-page-state-mirror data-spw-page-tempo data-spw-page-transition-phase data-spw-palette-probe-active data-spw-palette-probe-rail data-spw-palette-splash data-spw-palette-trace-count data-spw-palette-treat data-spw-palette-treat-active data-spw-palette-treat-depth data-spw-palette-treat-probe data-spw-pedagogical-flavor data-spw-permeability data-spw-persona data-spw-phase data-spw-phase-active data-spw-phase-complete data-spw-phase-indicators data-spw-physics data-spw-physics-mass data-spw-pinch-scaling data-spw-pinned data-spw-pivot-active data-spw-playing data-spw-pointer-mode data-spw-popped data-spw-popup-collision data-spw-popup-placement data-spw-popup-posture data-spw-popup-vertical data-spw-posture-feedback data-spw-pre-state-visibility data-spw-precipitation-mode data-spw-prefetch-mode data-spw-prefix data-spw-presentation data-spw-primary-operator data-spw-prime-state data-spw-primed data-spw-print-ready data-spw-proof data-spw-publication data-spw-query-composer-compact data-spw-query-composer-expanded data-spw-query-composer-include-settings data-spw-query-composer-key data-spw-query-composer-state data-spw-query-parity data-spw-readable data-spw-reading-beat data-spw-reading-beat-role data-spw-reading-groove data-spw-reduce-motion data-spw-region-active data-spw-region-charge data-spw-region-mark data-spw-region-menu-placement data-spw-region-menu-target data-spw-region-preview data-spw-region-state data-spw-relation data-spw-resolved-composition-stability data-spw-resonance data-spw-resonance-probe data-spw-resonance-token data-spw-resonant data-spw-reveal-frame data-spw-reveal-phase data-spw-reveal-source data-spw-reward-easter-egg data-spw-reward-reveal data-spw-reward-salience data-spw-reward-tier data-spw-rhythm data-spw-role-cluster data-spw-room data-spw-route-link data-spw-route-menu-layout data-spw-route-menu-scope data-spw-route-state data-spw-runtime-enhancement-active data-spw-runtime-feature-active data-spw-runtime-idle-chunk data-spw-runtime-idle-chunks data-spw-runtime-layer-pulse data-spw-runtime-mount-batch data-spw-runtime-posture data-spw-runtime-stage data-spw-runtime-status data-spw-salience-state data-spw-sample-kind data-spw-satchel-anchor data-spw-satchel-positioned data-spw-satchel-rail data-spw-scene-depth data-spw-scene-image-active data-spw-scene-lane-active data-spw-scene-local-state data-spw-scene-state data-spw-scroll-cadence data-spw-scroll-rail data-spw-search-selection-pulse data-spw-seating data-spw-section-handle data-spw-section-has-vocabulary data-spw-section-state data-spw-section-tier data-spw-selection-state data-spw-semantic-density data-spw-semantic-owner data-spw-semantic-variant data-spw-semantics data-spw-sequence-state data-spw-setting-just-verified data-spw-settings-momentum data-spw-settle-state data-spw-shell-action data-spw-shell-density data-spw-shell-disclosure-init data-spw-shell-end-slot data-spw-shell-layout data-spw-shell-menu-lock data-spw-shell-pointer data-spw-shell-scroll data-spw-shell-scroll-direction data-spw-shell-tune-surface data-spw-show-footer data-spw-show-semantic-metadata data-spw-sibling-resonance data-spw-sigil-anatomy data-spw-sigil-payload-scope data-spw-sigil-position data-spw-sigil-region-tempo data-spw-sigil-role data-spw-sigil-transition data-spw-signature data-spw-site-rhythm data-spw-site-search data-spw-size-context data-spw-skeleton-role data-spw-slot-active data-spw-slot-label data-spw-snap data-spw-space-motion data-spw-spell-momentum data-spw-spell-path-state data-spw-spell-reveal data-spw-spirit-phase data-spw-stage data-spw-state data-spw-state-inspector data-spw-state-inspector-root data-spw-state-toggle-state data-spw-succession data-spw-surface-kind data-spw-svg-action-state data-spw-svg-device data-spw-svg-environment data-spw-svg-node-state data-spw-svg-persona-active data-spw-svg-persona-match data-spw-svg-persona-select-state data-spw-svg-tune-contrast data-spw-svg-tune-motion data-spw-swipe data-spw-tempo data-spw-tempo-field data-spw-theme-biome data-spw-theme-pack data-spw-toast data-spw-tuning-dimension data-spw-tuning-discoverability data-spw-tuning-pulse data-spw-tuning-surface data-spw-typeset data-spw-utility-cluster data-spw-utility-mode data-spw-utility-size data-spw-variant-selected data-spw-variant-selection-pulse data-spw-variant-selection-weight data-spw-viewport data-spw-viewport-tier data-spw-vocabulary-collectible data-spw-wall data-spw-wonder-block-state data-spw-world-slot-kind data-spw-yielded
attrs in HTML, not in CSS (189)
data-spw-accent-anchor data-spw-accent-colors data-spw-accent-operator data-spw-accent-resonance data-spw-accent-strength data-spw-action data-spw-adjacent data-spw-artifact-state data-spw-assignment data-spw-atom data-spw-badge-mode data-spw-bare-spw data-spw-behavior data-spw-card data-spw-cauldron-ingredient data-spw-cauldron-operators data-spw-cauldron-panel-toggle data-spw-cauldron-phase-rail data-spw-charge-label data-spw-cluster data-spw-collection-panel data-spw-component-anatomy data-spw-composition-stability-source data-spw-compositional-esteem data-spw-consequence data-spw-context-actions data-spw-context-domains data-spw-context-relevance data-spw-contour-head data-spw-contour-slot data-spw-contrast data-spw-copy-label data-spw-copy-motifs data-spw-copy-purpose data-spw-copy-role data-spw-copy-source data-spw-copy-unit data-spw-curriculum-module data-spw-demo-kind data-spw-dimension data-spw-discipline data-spw-discovery-cadence data-spw-discovery-cta data-spw-discovery-day data-spw-discovery-handles data-spw-discovery-href data-spw-discovery-label data-spw-discovery-presentation data-spw-discovery-production data-spw-discovery-reward data-spw-discovery-summary data-spw-discovery-title data-spw-discovery-why data-spw-domain data-spw-failure-mode data-spw-feature-max-level data-spw-feature-memory data-spw-feature-progression data-spw-feature-traits data-spw-for-agents data-spw-friction data-spw-garden-carried data-spw-garden-carried-value data-spw-generate-seed-markup data-spw-gesture-learnability data-spw-guide-badge data-spw-higher-order-dimensions data-spw-image-key data-spw-image-lens-capacity data-spw-image-lens-cues data-spw-image-managed data-spw-image-model data-spw-ingredient-type data-spw-input data-spw-inspect data-spw-inspect-fields data-spw-inspect-mode-group data-spw-interaction data-spw-interaction-double-click data-spw-interaction-drag data-spw-interaction-hold data-spw-interaction-keyboard data-spw-interaction-tap data-spw-kernel data-spw-lattice data-spw-learnability data-spw-learnability-cue-target data-spw-lens-dimension data-spw-lens-stage data-spw-local-note-entry data-spw-local-note-origin data-spw-local-notes-root data-spw-locale data-spw-marketing data-spw-material data-spw-materiality data-spw-meaning data-spw-measure-context data-spw-measure-scale data-spw-measure-source data-spw-memory data-spw-memory-action data-spw-memory-anchor data-spw-memory-status data-spw-model-policy data-spw-narrative-implicit data-spw-next data-spw-numericity data-spw-operation data-spw-operator-sequence data-spw-optional-context data-spw-output data-spw-pack-readout data-spw-page-hook data-spw-page-hook-label data-spw-page-primary-action-label data-spw-page-responsibility-label data-spw-page-status-label data-spw-page-zone-label data-spw-parallel-label data-spw-phrase data-spw-potential data-spw-practice data-spw-pressure data-spw-pretext-cache data-spw-pretext-depth data-spw-pretext-live data-spw-pretext-preset data-spw-pretext-static data-spw-principle data-spw-proficiency data-spw-prompt-host data-spw-prompt-teaser data-spw-prompt-title data-spw-query-composer data-spw-query-composer-apply data-spw-query-composer-cauldron data-spw-query-composer-copy data-spw-query-composer-label data-spw-query-copy-status data-spw-query-family data-spw-reading-cue data-spw-recognition data-spw-reference-seed data-spw-return data-spw-returnable data-spw-route-lane data-spw-route-note data-spw-scene-interpret data-spw-scene-lane-bind data-spw-scene-memory data-spw-scene-memory-value data-spw-search-facet data-spw-seed data-spw-seed-package data-spw-sentence-shape data-spw-serializes-as data-spw-site-search-host data-spw-site-search-results data-spw-skill data-spw-specimen-builder data-spw-spell data-spw-stateful data-spw-static-for data-spw-story-terrain data-spw-stub data-spw-stylesheet-mode data-spw-svg-host data-spw-svg-interactive data-spw-svg-kind data-spw-svg-motion data-spw-svg-responsive data-spw-svg-semantic data-spw-svg-tune data-spw-svg-tune-echo data-spw-svg-workbench data-spw-svg-workbench-count data-spw-svg-workbench-reset data-spw-svg-workbench-target data-spw-svg-workbench-url data-spw-target data-spw-timebox data-spw-tone data-spw-typography-measure-width data-spw-visited-medium data-spw-visited-on-page data-spw-voice data-spw-wonder-hub data-spw-wonder-memory
attrs with no philosophy doc (716)
data-spw-action-tier data-spw-activates data-spw-active data-spw-active-lens-feedback data-spw-active-lens-impact data-spw-adjacent data-spw-affordance data-spw-affordances data-spw-anatomy-rail data-spw-anatomy-stack data-spw-arc data-spw-arc-auto data-spw-artifact-state data-spw-atom data-spw-attention-posture-panel data-spw-background-motion data-spw-badge-mode data-spw-behavior data-spw-bottom-lane-nav data-spw-brace-actions data-spw-brace-actions-mounted data-spw-brace-contains-operator data-spw-brace-edge data-spw-brace-parent-form data-spw-breadcrumb-bound data-spw-breadcrumb-cognitive data-spw-breadcrumb-depth data-spw-breadcrumb-familiarity data-spw-breadcrumb-frame data-spw-breadcrumb-liminality data-spw-breadcrumb-meaning-mode data-spw-breadcrumb-menu-intent data-spw-breadcrumb-menu-pressure data-spw-breadcrumb-menu-topology data-spw-breadcrumb-mode data-spw-breadcrumb-page-responsibility data-spw-breadcrumb-page-role data-spw-breadcrumb-related-count data-spw-breadcrumb-surface data-spw-cadence-motion data-spw-card data-spw-cauldron-action-state data-spw-cauldron-candidate data-spw-cauldron-collected data-spw-cauldron-cue data-spw-cauldron-discoverability data-spw-cauldron-garden-phase data-spw-cauldron-garden-rank data-spw-cauldron-last-gather data-spw-cauldron-mirror data-spw-cauldron-output-state data-spw-cauldron-panel data-spw-cauldron-panel-bound data-spw-cauldron-panel-toggle data-spw-cauldron-panel-user data-spw-cauldron-phase-rail data-spw-cauldron-resonance-operators data-spw-cauldron-state data-spw-cauldron-visibility data-spw-character-deck-count data-spw-character-lab-density data-spw-charge-label data-spw-cluster data-spw-cognitive-inventory data-spw-collection-panel data-spw-collection-status data-spw-component data-spw-component-anatomy data-spw-component-collection-init data-spw-console-event data-spw-console-source data-spw-console-surface data-spw-console-token data-spw-context-actions data-spw-context-domains data-spw-context-relevance data-spw-contextual-ui-init data-spw-contour-head data-spw-contour-slot data-spw-contrast data-spw-contrast-state data-spw-copied data-spw-copy-current-query data-spw-copy-lens data-spw-copy-source data-spw-crossref data-spw-crossref-source data-spw-crumb-kind data-spw-css-observed-mutations data-spw-curator-density data-spw-curator-posture data-spw-curator-stage data-spw-current data-spw-curriculum-module data-spw-delight data-spw-demo-kind data-spw-depth data-spw-design-ecology-behavior data-spw-design-ecology-environment data-spw-design-ecology-packing data-spw-design-ecology-posture data-spw-design-ecology-settle data-spw-design-ecology-variant data-spw-design-interpretation data-spw-dev-server data-spw-dimension data-spw-dimensional-breadcrumbs data-spw-discipline data-spw-discovery-cadence data-spw-discovery-cta data-spw-discovery-day data-spw-discovery-handles data-spw-discovery-href data-spw-discovery-label data-spw-discovery-motion data-spw-discovery-notices data-spw-discovery-notices-active data-spw-discovery-presentation data-spw-discovery-production data-spw-discovery-reward data-spw-discovery-summary data-spw-discovery-title data-spw-discovery-why data-spw-dismissible data-spw-display-layer data-spw-domain data-spw-drag-state data-spw-dragging data-spw-drawer-state data-spw-earned data-spw-edge data-spw-effect data-spw-effect-cues data-spw-effect-legend data-spw-effect-legend-host data-spw-effect-legend-ready data-spw-effect-pulse data-spw-effect-readout data-spw-effect-state data-spw-effect-state-value data-spw-effect-stop data-spw-effect-view data-spw-embedded-tuning-handle data-spw-empty data-spw-evidence data-spw-evidence-hydrated data-spw-experiential-init data-spw-experiential-surface data-spw-failure-mode data-spw-feature-discovery-init data-spw-feature-lab data-spw-feature-lab-ops data-spw-feature-max-level data-spw-feature-progression data-spw-feature-traits data-spw-features-authored data-spw-field-resonance data-spw-filters data-spw-fixed-viewport-correction data-spw-floating-chrome-bottom data-spw-floating-chrome-competition data-spw-focus-lens data-spw-font-scale data-spw-font-size data-spw-for-agents data-spw-frame-line-count data-spw-frame-measure-width data-spw-frame-text-height data-spw-frame-wrap data-spw-friction data-spw-garden-carried data-spw-garden-carried-value data-spw-garden-provenance data-spw-generate-seed-markup data-spw-generated data-spw-gesture-anatomy data-spw-gesture-armed data-spw-gesture-hint data-spw-gesture-learnability data-spw-gesture-provenance data-spw-gesture-trace data-spw-grain-state data-spw-grain-theme data-spw-gravity-reveal data-spw-groundable data-spw-grounded-in data-spw-grounded-wonder data-spw-grounding data-spw-guide-badge-bound data-spw-guide-badge-control-bound data-spw-guide-kind data-spw-guide-previous-liminality data-spw-guide-reason data-spw-guide-value data-spw-guided data-spw-handle data-spw-handle-advanced data-spw-handle-count data-spw-handle-current data-spw-handle-enhanced data-spw-handle-index data-spw-handle-origin data-spw-handle-shell-state data-spw-handle-source data-spw-harmony-field data-spw-header-opacity data-spw-higher-order-dimensions data-spw-hint-density data-spw-hint-surface data-spw-hold-state data-spw-hormone-hint data-spw-hormone-phase data-spw-hydration-error data-spw-image-discovery data-spw-image-distribution data-spw-image-effect data-spw-image-effect-override data-spw-image-gesture data-spw-image-hero data-spw-image-input data-spw-image-interaction-bound data-spw-image-key data-spw-image-layout data-spw-image-lens-cues data-spw-image-memory-state data-spw-image-model data-spw-image-preview data-spw-image-primed data-spw-image-prominence data-spw-image-prompt data-spw-image-resonance data-spw-image-reward data-spw-image-shape data-spw-image-state data-spw-image-surface data-spw-image-utilization data-spw-implementation-mutations data-spw-ingredient-availability data-spw-ingredient-enhanced data-spw-ingredient-inspect data-spw-ingredient-lab data-spw-ingredient-mode data-spw-ingredient-mode-set data-spw-ingredient-source-count data-spw-ingredient-state data-spw-ingredient-status data-spw-ingredient-type data-spw-inline-form data-spw-input data-spw-inspect-copy data-spw-inspect-field-context data-spw-inspect-field-operator data-spw-inspect-field-wonder data-spw-inspect-fields data-spw-inspect-mounted data-spw-inspect-semantic-focus-count data-spw-inspect-semantic-focus-root data-spw-inspectability data-spw-intent data-spw-interaction data-spw-interaction-affordance data-spw-interaction-arc data-spw-interaction-destination data-spw-interaction-lane data-spw-interaction-scope data-spw-interaction-tuner data-spw-interactivity data-spw-kernel data-spw-knowledge data-spw-label data-spw-language-evolution-posture data-spw-language-evolution-stage data-spw-last-carried data-spw-latched data-spw-lattice data-spw-lattice-phase data-spw-layout-assumption-correction data-spw-layout-assumptions-active data-spw-layout-assumptions-pass data-spw-layout-correction data-spw-layout-flow data-spw-layout-trope data-spw-learnability data-spw-learnability-resonance data-spw-learner-confidence data-spw-learner-recovery data-spw-learner-scope data-spw-learning-mode data-spw-learning-surface data-spw-lens data-spw-lens-dimension data-spw-lens-feedback data-spw-lens-impact data-spw-lens-option-state data-spw-lens-stage data-spw-lifecycle data-spw-list-behavior data-spw-list-timing data-spw-living-term data-spw-load-posture data-spw-load-timing data-spw-loading-original data-spw-local-memory-controls-init data-spw-local-note-entry data-spw-local-note-origin data-spw-local-notes-root data-spw-log data-spw-log-level data-spw-loop-label data-spw-loop-token data-spw-marketing data-spw-material data-spw-materiality data-spw-meaning-depth data-spw-meaning-mode data-spw-measure data-spw-measure-context data-spw-medium data-spw-memo-wonder data-spw-memory data-spw-memory-action data-spw-memory-anchor data-spw-memory-managed data-spw-memory-status data-spw-memory-status-timer data-spw-menu data-spw-menu-changed data-spw-menu-clarity data-spw-menu-overlay data-spw-metric-kind data-spw-mirror-label data-spw-model-policy data-spw-module-copy-inferred data-spw-module-effect-pulse data-spw-module-hydration data-spw-module-hydration-inferred data-spw-module-inferred data-spw-module-status data-spw-module-updates-brief data-spw-module-updates-contract data-spw-module-updates-kinds data-spw-module-updates-readable data-spw-module-updates-roles data-spw-monospace-variant data-spw-motion-family data-spw-narrative-token data-spw-nav-destination data-spw-nav-expression data-spw-nav-fit data-spw-nav-section-current data-spw-nav-token data-spw-nav-tokenized data-spw-navigation-spells-init data-spw-navigator data-spw-next data-spw-notice-click-target data-spw-numericity-emphasis data-spw-op-disposition data-spw-operation data-spw-operator-brace-bias data-spw-operator-geometry data-spw-operator-overload data-spw-operator-reversibility data-spw-operator-saturation data-spw-operator-speech data-spw-optional-context data-spw-origin data-spw-original-label data-spw-ornament data-spw-ornament-axis data-spw-ornament-density data-spw-ornament-state data-spw-output data-spw-override-state data-spw-pack-span data-spw-pack-tier data-spw-packing-model data-spw-packing-source data-spw-page-hook data-spw-page-hook-label data-spw-page-primary-action data-spw-page-primary-action-label data-spw-page-region-rail data-spw-page-responsibility data-spw-page-responsibility-label data-spw-page-state-mirror data-spw-page-status data-spw-page-status-label data-spw-page-tempo data-spw-page-zone data-spw-page-zone-label data-spw-palette-probe-active data-spw-palette-probe-index data-spw-palette-probe-rail data-spw-palette-probe-toolbar data-spw-palette-trace-count data-spw-parallel-action data-spw-parallel-bound data-spw-parallel-count data-spw-parallel-group data-spw-parallel-index data-spw-passive-charge data-spw-path-available data-spw-pedagogical-flavor data-spw-permeability data-spw-phase-active data-spw-phase-complete data-spw-phase-indicators data-spw-phase-step data-spw-phrase data-spw-physics-mass data-spw-pigment-token data-spw-pinnable data-spw-pivot-active data-spw-pivot-value data-spw-popped data-spw-popup-collision data-spw-popup-state data-spw-popup-vertical data-spw-posture-feedback data-spw-potential data-spw-practice data-spw-prefix data-spw-pressure data-spw-pretext-cache data-spw-pretext-density data-spw-pretext-depth data-spw-pretext-genre data-spw-pretext-height-px data-spw-pretext-influence data-spw-pretext-line-count data-spw-pretext-measure data-spw-pretext-mode data-spw-pretext-ornament data-spw-pretext-preset data-spw-pretext-projected-line-count data-spw-pretext-projection data-spw-pretext-scaffold data-spw-pretext-width-class data-spw-pretext-width-px data-spw-primary-operator data-spw-prime-state data-spw-primed data-spw-principle data-spw-probe-wired data-spw-production-seed data-spw-proficiency data-spw-promo-cta-style data-spw-promo-handles data-spw-promo-kind data-spw-promo-theme data-spw-promotion-handles data-spw-promotion-kind data-spw-promotion-theme data-spw-prompt-copy-bound data-spw-prompt-teaser data-spw-prompt-title data-spw-proof data-spw-publication data-spw-pulse-ts data-spw-pwa-mode data-spw-query-composer data-spw-query-composer-actions data-spw-query-composer-apply data-spw-query-composer-bound data-spw-query-composer-cauldron data-spw-query-composer-compact data-spw-query-composer-copy data-spw-query-composer-expand data-spw-query-composer-expanded data-spw-query-composer-fields data-spw-query-composer-group data-spw-query-composer-href data-spw-query-composer-include-settings data-spw-query-composer-key data-spw-query-composer-label data-spw-query-composer-preview data-spw-query-composer-search data-spw-query-composer-state data-spw-query-composer-value data-spw-query-copy-status data-spw-query-family data-spw-rail-signature data-spw-readable data-spw-reading data-spw-reading-beat data-spw-reading-beat-role data-spw-reading-cue data-spw-reading-groove data-spw-realization data-spw-recognition data-spw-reflow-cost data-spw-reflow-model data-spw-reflow-reason data-spw-reflow-scope data-spw-region-action data-spw-region-active data-spw-region-charge data-spw-region-layer data-spw-region-linked data-spw-region-menu data-spw-region-menu-collision data-spw-region-menu-horizontal data-spw-region-menu-init data-spw-region-menu-placement data-spw-region-menu-target data-spw-region-menu-vertical data-spw-region-meta data-spw-region-preview data-spw-region-state data-spw-relation data-spw-resonance-axis data-spw-resonant data-spw-return data-spw-returnable data-spw-reveal-source data-spw-review-active data-spw-review-role data-spw-reward-easter-egg data-spw-reward-key data-spw-reward-kind data-spw-reward-reveal data-spw-reward-salience data-spw-reward-tier data-spw-reward-ui-init data-spw-rhythm data-spw-room data-spw-route-discovery data-spw-route-discovery-count data-spw-route-discovery-layout data-spw-route-discovery-scope data-spw-route-hover data-spw-route-lane data-spw-route-link data-spw-route-menu-count data-spw-route-menu-label data-spw-route-menu-layout data-spw-route-menu-link data-spw-route-menu-scope data-spw-route-menu-state data-spw-route-note data-spw-route-state data-spw-rpg-curator-density data-spw-runtime-enhancement-active data-spw-runtime-feature-active data-spw-runtime-idle-chunks data-spw-runtime-layer-pulse data-spw-runtime-mount-batch data-spw-runtime-prefetch data-spw-runtime-reward data-spw-runtime-status data-spw-salience-state data-spw-salience-weight data-spw-sample-bound data-spw-sample-count data-spw-sample-kind data-spw-sample-pinned data-spw-sample-state data-spw-satchel-anchor data-spw-satchel-available data-spw-satchel-positioned data-spw-satchel-rail data-spw-satchel-snap data-spw-scene-image-active data-spw-scene-lane-active data-spw-scene-local-state data-spw-scene-memory data-spw-scene-memory-value data-spw-scroll-rail data-spw-search-facet data-spw-search-selection-pulse data-spw-section-handle data-spw-section-handle-desktop data-spw-section-has-vocabulary data-spw-section-tier data-spw-seed-package data-spw-semantic-crossref data-spw-semantic-crossref-label data-spw-semantics data-spw-sentence-shape data-spw-sequence-state data-spw-serialized-copy data-spw-serializes-as data-spw-settings-preflight data-spw-settle-source data-spw-settle-state data-spw-shell-density data-spw-shell-disclosure-init data-spw-shell-end-slot data-spw-shell-layout data-spw-shell-pointer data-spw-shell-resonance-utility data-spw-shell-scroll data-spw-shell-scroll-direction data-spw-shell-tune-surface data-spw-show-footer data-spw-show-semantic-metadata data-spw-sibling-resonance data-spw-sigil-anatomy data-spw-sigil-label data-spw-sigil-transitions-wired data-spw-signature data-spw-site-search data-spw-site-search-bound data-spw-site-search-host data-spw-site-search-open data-spw-site-search-open-bound data-spw-site-search-results data-spw-size-context data-spw-skeleton-role data-spw-skill data-spw-slot-active data-spw-slot-label data-spw-snap data-spw-space-motion data-spw-specimen-builder data-spw-specimen-builder-href data-spw-spell-bound data-spw-spell-candidate data-spw-spell-cognitive data-spw-spell-familiarity data-spw-spell-liminality data-spw-spell-meaning-mode data-spw-spell-path-state data-spw-spell-reveal data-spw-spell-state data-spw-spell-trail data-spw-spirit-phase data-spw-stage data-spw-stance data-spw-state-accent data-spw-state-block data-spw-state-body data-spw-state-dimension data-spw-state-dismiss data-spw-state-inspector-close data-spw-state-inspector-copy data-spw-state-inspector-position data-spw-state-inspector-reset-position data-spw-state-inspector-status data-spw-state-restore data-spw-state-serialization data-spw-state-summary data-spw-state-toggle data-spw-state-toggle-state data-spw-static-for data-spw-story-terrain data-spw-stub data-spw-succession data-spw-surface-kind data-spw-svg-action data-spw-svg-action-managed data-spw-svg-action-state data-spw-svg-companion data-spw-svg-interactive data-spw-svg-kind data-spw-svg-motion data-spw-svg-node-state data-spw-svg-persona-select-managed data-spw-svg-persona-select-state data-spw-svg-pointer-managed data-spw-svg-pointer-state data-spw-svg-rail-managed data-spw-svg-responsive data-spw-svg-semantic data-spw-svg-tune data-spw-svg-tune-contrast data-spw-svg-tune-echo data-spw-svg-tune-motion data-spw-svg-workbench data-spw-svg-workbench-count data-spw-svg-workbench-managed data-spw-svg-workbench-reset data-spw-svg-workbench-target data-spw-svg-workbench-url data-spw-swappable data-spw-swipe data-spw-table data-spw-tempo-field data-spw-time-capacity-hours data-spw-timebox data-spw-tone data-spw-topic data-spw-touch data-spw-transition-surface data-spw-tuning-dimension data-spw-tuning-dimensions data-spw-tuning-discoverability data-spw-tuning-lexicon data-spw-tuning-pulse data-spw-tuning-surface data-spw-typeset data-spw-typeset-surface data-spw-typography-measure-state data-spw-typography-measure-width data-spw-utility-mode data-spw-utility-size data-spw-variant-bound data-spw-variant-selection-source data-spw-variant-selection-weight data-spw-viewport data-spw-voice data-spw-wall data-spw-wonder-block-state data-spw-wonder-hub data-spw-wonder-memory-familiarity data-spw-wonder-memory-gradient data-spw-wonder-memory-liminality data-spw-wonder-memory-managed data-spw-wonder-memory-meaning-mode data-spw-wonder-memory-prev-field-wonder data-spw-wonder-memory-prev-memory-match data-spw-wonder-memory-prev-wonder-state data-spw-wonder-memory-signals data-spw-world-slot-count data-spw-world-slot-kind

Unique Wonder Connections (spwashi.com audit)

Connections that feel distinctive to the wonder of this site and can be developed iteratively. Derived from attrs, .spw docs, routes, and runtime (spells/cauldron/liminality/material/venue/rpg/semantic-density). Use to prioritize arcs, copy, and semantic markup (mind performance via enhancement-level + semantic-density).

See .spw frames (spell_cauldron_wonder_vocabulary, liminality_materials_attentional_flow, venue_entertainment_recipes, semantic_density_magic_performance, media_tropes_legacy_ai_wonder, design_engineer_hire_copy, pragmatic_engineering_perspectives, topic_wonder_connections, rpg_character_worldbuild_prep) and agent-optimization/PLAN.md. Catalog run surfaces these for editor inspection.

Attributes

Every data-spw-* attribute that appears anywhere in the repo, with its full cross-reference.

data-spw-operator

values: act action address baseline binding concept concept-edge frame ground integrate integration intrinsic layer merge meta mode normalize object perspective potential probe ref route scene select situate stream subject substrate surface value vibration +1

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/frames.css public/css/effects/cinematic.css public/css/effects/demos.css public/css/effects/enrichment.css public/css/effects/wonder.css public/css/grammar/syntax.css public/css/handles/operators/attention-states.css public/css/handles/operators/bias-and-phrases.css public/css/handles/operators/geometry-projection.css public/css/handles/operators/primitive.css public/css/handles/operators/sigils-and-chips.css public/css/handles/operators/tokens.css public/css/ornament/ornament.css public/css/ornament/whimsy.css public/css/systems/effect-interpretation.css public/css/systems/interaction-progression.css public/css/systems/palette-treat.css public/css/systems/registers.css public/css/typography/base.css public/css/typography/context.css

js writers: public/js/interface/console.js public/js/interface/persona-selector.js public/js/media/image-metaphysics.js public/js/modules/tools/budgeting.js public/js/runtime/feature-lab-ui.js public/js/runtime/frame-navigator.js public/js/runtime/site-search.js public/js/runtime/state-inspector.js public/js/semantic/bare-spw-markup.js public/js/semantic/effect-interpretation.js public/js/semantic/link-copy.js public/js/semantic/narrative-instrumentation.js public/js/semantic/sigil-annotation.js public/js/semantic/smart.js

philosophy: .spw/audits/agentic-development-2026-07/css-usage.spw .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/appendices/edpsych-materials-science-history-500y.spw .spw/caches/spw-language-utilization-2026-07.spw .spw/conventions/attention-field.spw .spw/conventions/component-region-personality.spw .spw/conventions/design-whimsy.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/operator-alignment.spw .spw/conventions/operator-semantics.spw .spw/conventions/operator-site-projection.spw .spw/conventions/ornament-contract.spw .spw/conventions/site-semantics.spw .spw/language/feature-utilization.spw .spw/language/lore-alignment.spw .spw/language/recursive-improvement.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/surfaces/page-model.spw

data-spw-role

values: action advisory analysis analytics-policy anatomy artifact aside boundary broadcast builder builder-index bundle call capture category climate-tuning collaboration command community comparison component-lab composer concept-atlas console-contract context contract control conversion coordination curriculum dashboard debug-contract +119

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/cards.css public/css/components/cards/seed-card.css public/css/components/frames.css public/css/effects/cinematic.css public/css/effects/developmental-climate.css public/css/effects/enrichment.css public/css/grammar/syntax.css public/css/handles/operators/sigils-and-chips.css public/css/ornament/whimsy.css public/css/shell/layout.css public/css/systems/pretext-physics.css

js writers: public/js/interface/contextual-ui.js public/js/interface/semantic-chrome.js public/js/modules/rpg-wednesday/index.js public/js/runtime/shell-disclosure.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/annotation-layer.spw .spw/conventions/attention-field.spw .spw/conventions/discovery-powerups.spw .spw/conventions/js-architecture-cognition.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/operator-alignment.spw .spw/conventions/ornament-contract.spw .spw/conventions/semantic-hierarchy.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/runtime-audit/ontology.spw .spw/reviews/runtime-audit/seams.spw .spw/site.spw .spw/slices/page-region-discoverability/index.spw .spw/surfaces/page-model.spw

data-spw-kind

values: audit boundary-test card contracts directory extension-contract figure frame hook lens map method metric module note ontology panel progress proof-artifact rail recipes specimen surface vessel

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/card-ecology.css public/css/components/cards.css public/css/components/content.css public/css/components/controls.css public/css/components/foundation.css public/css/components/frames.css public/css/components/runtime-states.css public/css/components/signals.css public/css/effects/cinematic.css public/css/effects/debug.css public/css/effects/material.css public/css/effects/wonder.css public/css/grammar/syntax.css public/css/shell/layout.css public/css/systems/semantic-copy-lens.css src/styles/entries/debug.css

js writers: public/js/interface/logo-runtime.js public/js/runtime/attention/section-handle.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-anatomy-theme-module-2026-07.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/css-specificity-pe-2026-07/index.spw .spw/audits/html-component-audit-2026-07.spw .spw/audits/javascript-module-census-2026-07.spw .spw/conventions/annotation-layer.spw .spw/conventions/component-region-personality.spw .spw/conventions/living-medium-copy.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/ornament-contract.spw .spw/conventions/semantic-hierarchy.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/runtime-audit/ontology.spw .spw/reviews/runtime-audit/seams.spw .spw/surfaces/page-model.spw

data-spw-action

values: address anchor apply browse-folios choose-perspective combine configure enter enter-perspective explore ground inspect inspect-substrate make-proof manage materialize measure mine publish reset save show support swoop

philosophy: .spw/conventions/operator-alignment.spw

data-spw-context

values: action ambient analysis architecture archive collaboration comparison compose composition console craft education imagination interface learning making material media orientation participation play publishing reading reference reflection ritual routing safety search settings signal story +2

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/debug.css public/css/effects/enrichment.css public/css/effects/grain-texture.css public/css/systems/substrate-ecology.css src/styles/entries/debug.css

js writers: public/js/modules/design/experiments.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/annotation-layer.spw .spw/conventions/composable-art-system.spw .spw/conventions/discovery-powerups.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/reviews/runtime-audit/composition-ownership.spw .spw/reviews/runtime-audit/seams.spw .spw/surfaces/page-model.spw

data-spw-seed

values: about_kernel_contract about_modular_projection about_public_contract about_semantic_lattice home_climate_tuning home_entry_loops home_kernel_hero home_local_record_thesis home_main_surface home_operator_field home_promo_wonder_cycle home_reading_layers home_town_library_gateway lore_publication_bridge mise_knife_rhythm page_about_about__about_frame page_about_about__about_index page_about_about__attention_register page_about_about__boonhonk_mixer page_about_about__boonhonk_register page_about_about__career_register page_about_about__current_direction page_about_about__documentation_register page_about_about__kernel_lattice_register page_about_about__main_surface page_about_about__nutrition_register page_about_about__panel_1 page_about_about__panel_10 page_about_about__panel_11 page_about_about__panel_12 page_about_about__panel_13 page_about_about__panel_14 +1142

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw

data-spw-category-family

values: archive atlas concept-cluster curriculum encounter event garden language-evolution lexicon library map media nook path portal probe profile protocol quest reference register runtime safety sequence specimen spellbook system theatre tool voice workflow workshop

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/cards.css public/css/routes/surfaces/website.css

philosophy: .spw/conventions/annotation-layer.spw

data-spw-consequence

values: architecture artifact care conversion coordination decision discovery entry exchange framing identity interaction memory method model navigation next orientation portability practice projection prompt publication readability return routing selection state support swap translation voice +1

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw

data-spw-wonder

values: abstraction accumulation adjacency aggregation alternatives analogy anchors annotation approximation architecture arithmetic art artifact belonging boonhonk boundary brace branding browser budget cache cadence calibration change character circulation clusters collection combinatorics communication community comparison +147

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/enrichment.css public/css/shell/chrome/adaptive.css

js writers: public/js/semantic/link-copy.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/annotation-layer.spw .spw/conventions/feature-partial-theatrics.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/reviews/runtime-audit/seams.spw

data-spw-affordance

values: act adjust build choose collect compose connect enter experiment extend inspect learn manage navigate orient plan practice produce read reflect revisit reward share simulate test track try tune

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css public/css/handles/page-region-rail.css public/css/systems/surfaces/tuning-discoverability.css

js writers: public/js/runtime/page-region-rail.js

philosophy: no .spw doc mentions this attribute

data-spw-slot

values: actions body figure footer header meta notes visual-study

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/foundation.css public/css/components/frames.css public/css/components/gesture-anatomy.css public/css/components/runtime-states.css public/css/components/signals.css public/css/components/surfaces.css public/css/components/typography-packing.css public/css/effects/debug.css public/css/handles/operators/adaptive.css public/css/handles/operators/sigils-and-chips.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css public/css/routes/surfaces/recipes.css public/css/routes/surfaces/topics.css public/css/systems/surfaces/reading-layout.css src/styles/entries/debug.css

js writers: public/js/interface/semantic-chrome.js public/js/runtime/gesture-anatomy.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/html-component-audit-2026-07.spw .spw/audits/page-component-census-2026-07.spw .spw/conventions/component-packing.spw .spw/conventions/composable-art-system.spw .spw/conventions/css-instruction.spw .spw/conventions/learnability-ledger.spw .spw/conventions/operator-alignment.spw .spw/conventions/semantic-hierarchy.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/surfaces/page-model.spw

data-spw-liminality

values: deep entry exit instrument projected rest return settled threshold workbench

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/operators/metrics-and-cognition.css public/css/routes/surfaces/blog-frames.css public/css/shell/chrome/adaptive.css

js writers: public/js/interface/guide.js

philosophy: .spw/audits/internal-external-vocabulary-clusters-2026-07.spw .spw/conventions/component-region-personality.spw .spw/conventions/site-semantics.spw .spw/site.spw

data-spw-related-routes

values: /blog/#fiber-linguistics|/play/rpg-wednesday/library/|#local-gameplay-kit|#story-trope-forge|/research/|/services/ /cards/#card-types|/coordination/|/now/|/services/|/contact/ /cards/#consensus|/membership/|/now/|/research/|/services/ /cards/|/membership/|/coordination/|/services/#support|/contact/ /cards/|/now/|/membership/|/topics/|/services/ /design/#component-ecology-specimens|/tools/character-sheet/|/tools/profile/|/cards/|/tools/midjourney/ /design/catalog/|/design/experiments/css/|/design/experiments/svg/|/settings/ /design/catalog/|/design/|/public/images/README.md /design/components/|/design/components/#specimen-builder-rail|/design/runtime/|/design/interaction-design/|/design/palettes/|/settings/#semantic-settings /design/components/|/play/rpg-wednesday/|/services/ /design/components/|/topics/software/spw/|/settings/|/cards/ /design/experiments/css/|/design/experiments/svg/|/settings/|/design/website/ /design/experiments/css/|/settings/|/design/ /design/experiments/svg/|/design/experiments/css/|/topics/software/renderers/|/settings/ /design/|/design/components/ /design/|/design/composition/|/design/experiments/css/|/design/experiments/svg/|/design/components/|/play/|/settings/ /design/|/design/experiments/spellcraft-bench/|/topics/software/spw/ /design/|/design/experiments/subject-balance/|/topics/software/spw/ /design/|/design/runtime/|/design/components/|/design/experiments/css/|/about/website/|/topics/software/spw/|/play/|/settings/ /design/|/design/runtime/|/design/composition/|/design/website/|/design/experiments/css/|/settings/|/topics/software/renderers/ /design/|/design/website/|/design/density/|/design/slots/ /design/|/design/website/|/design/density/|/design/slots/|/design/affordance/ /design/|/design/website/|/design/density/|/design/slots/|/design/materials/ /design/|/design/website/|/design/experiments/svg/|/settings/|/about/website/ /design/|/design/website/|/design/materials/|/design/affordance/|/design/density/ /design/|/design/website/|/design/materials/|/design/slots/|/design/affordance/ /design/|/design/website/|/design/palettes/|/design/slots/ /now/|/cards/|/membership/|/coordination/|/research/|/recipes/|/about/website/|/design/folios/|/design/website/|/design/interaction-design/|/design/accessibility/|/topics/software/pretext/|/topics/software/renderers/|/topics/architecture/|/settings/ /now/|/cards/|/membership/|/research/|/coordination/|/services/|/about/website/|/topics/search/|/topics/site-design/|/topics/software/|/topics/software/spw/|/topics/craft/|/recipes/|/play/|/play/rpg-wednesday/library/|/curriculum/|/tools/|/tools/budgeting/|/tools/character-sheet/|/tools/midjourney/|/design/experiments/svg/|/design/experiments/css/|/settings/|https://texture.website|https://spw.quest /now/|/cards/|/membership/|/research/|/coordination/|/services/|/about/website/|/topics/search/|/topics/software/spw/|/topics/craft/|/play/rpg-wednesday/library/|https://texture.website|https://spw.quest /now/|/membership/|/coordination/|/research/|/services/#ask-card /play/rpg-wednesday/cast/|/play/rpg-wednesday/sessions/|/tools/character-sheet/|/tools/midjourney/ +185

css: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/enrichment.css public/css/effects/wonder.css

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/page-region-hydration-memory-2026-07/index.spw .spw/conventions/naming-and-structured-values.spw .spw/conventions/page-template-authoring.spw .spw/conventions/route-transit-memory.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/slices/page-region-discoverability/index.spw .spw/surfaces/page-model.spw

data-spw-semantic-expression

values: adult[study]{stay.sharp.return} agriculture[process]{soil.seed.product.factoid} american[cluster]{region.memory.practice} analog[worldbuilding]{study.play.return} appetizer[service]{arrival.preference.room} appetizer[service]{arrival.preference.skill} architecture[contract]{public} architecture[kernel]{stable} architecture[lattice]{varied} architecture[projection]{local} artifact[recipe]{prop.memory} atlas[integration]{loop.category.behavior.tool} atlas[topic]{orient} attention[action]{conversion} attention[aerodynamics]{communication} attention[output]{assets} attention[practice]{compounding} attention[volume]{lattice} bane[constraint]{limit} bane[profile]{fail.constrain} base[batch]{portion.freeze.share} batch[base]{portion.share.freeze}(family-table) batch[base]{portion.store.return} batch[provisions] behavior[css]{charge.gesture.cauldron} behavior[play]{consequence.memory.tool} behavior[recipe]{texture.service.scene} behavior[svg]{path.label.handoff} bone[profile]{stabilize.default} bone[skeleton]{persist} bonk[event]{change} bonk[profile]{experiment.collide} +420

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/frames.css public/css/components/semantic-resonance.css public/css/components/semantic-variants.css public/css/effects/enrichment.css public/css/grammar/syntax.css public/css/handles/operators/state-semantics.css public/css/systems/coloring-depth.css

js writers: public/js/interface/composition.js public/js/modules/design/experiments.js public/js/runtime/experiential.js public/js/runtime/shell-disclosure.js public/js/semantic/effect-interpretation.js public/js/semantic/link-copy.js

philosophy: .spw/audits/internal-external-vocabulary-clusters-2026-07.spw .spw/caches/spw-language-utilization-2026-07.spw .spw/conventions/cognitive-navigation.spw .spw/conventions/component-region-personality.spw .spw/conventions/discovery-powerups.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/operator-semantics.spw .spw/conventions/page-anatomy-vocabulary.spw .spw/conventions/semantic-braces.spw .spw/conventions/semantic-hierarchy.spw .spw/conventions/site-semantics.spw .spw/language/feature-utilization.spw .spw/language/recursive-improvement.spw .spw/site.spw

data-spw-context-relevance

values: AI AST CST Spw TypeScript about accumulation across act action actions activation active address addresses advisory aetheris affairs again aggregation agreement algebra algorithms analysis anatomy annotation application approximation architecting architecture archive arcs +634

philosophy: no .spw doc mentions this attribute

data-spw-form

values: angle block brace circle diamond square

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/cards.css public/css/effects/cinematic.css public/css/effects/living-motions.css public/css/effects/wonder.css public/css/grammar/syntax.css public/css/handles/operators/adaptive.css public/css/handles/operators/state-semantics.css public/css/ornament/ornament.css public/css/routes/surfaces/home.css

js writers: public/js/interface/persona-selector.js public/js/runtime/brace-actions.js public/js/runtime/state-inspector.js public/js/semantic/bare-spw-markup.js public/js/semantic/sigil-annotation.js public/js/semantic/smart.js

philosophy: .spw/caches/spw-language-utilization-2026-07.spw .spw/conventions/composable-art-system.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/operator-semantics.spw .spw/language/feature-utilization.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/reviews/runtime-audit/ontology.spw

data-spw-meaning

values: (A 13th 13th, 24 26th 26th, 2d A API B CBT CTO-as-a-service I JSON Midjourney QA, RPG Spw, a abstraction action advanced advisory agreement alchemistry algorithm along alongside anchors and annual annually +471

js writers: public/js/interface/contextual-ui.js public/js/kernel/states.js public/js/modules/rpg-wednesday/index.js

philosophy: .spw/conventions/annotation-layer.spw .spw/site.spw

data-spw-feature

values: about-identity-entry about-reentry applied-learning-search arc-search-loop artifact-generator attention-global-relation attention-local-relation attention-self-relation blog-liminal-entry boonhonk-reflection-fit brace-interaction-contract care-cards care-interface-entry care-operating-model care-safety-boundaries cauldron cauldron-garden cauldron-workbench character-taxonomy chrome-competition college-wonder-path community-protocols component-collection component-discovery-atlas component-resonance-practice components-tuning composition-copy-layers composition-hero composition-hub composition-partial-lab contact-switchboard-entry content-dimensionality +182

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/controls.css public/css/components/promo-wonder-cycle.css public/css/components/query-composer.css public/css/components/runtime-states.css public/css/components/signals.css public/css/effects/debug.css public/css/effects/enrichment.css public/css/effects/wonder.css public/css/handles/operators/tokens.css public/css/ornament/ornament.css public/css/routes/surfaces/rpg-wednesday.css public/css/systems/feature-discovery.css public/css/systems/surfaces/base.css public/css/systems/surfaces/learnability-ledger.css src/styles/entries/debug.css

js writers: public/js/interface/contextual-ui.js public/js/interface/state-inspector.js public/js/modules/rpg-wednesday/character-lab.js public/js/modules/rpg-wednesday/language-evolution.js public/js/modules/rpg-wednesday/world-lab.js public/js/runtime/query-link-composer.js public/js/runtime/shell-disclosure.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/internal-external-vocabulary-clusters-2026-07.spw .spw/audits/page-component-census-2026-07.spw .spw/audits/page-region-hydration-memory-2026-07/index.spw .spw/conventions/annotation-layer.spw .spw/conventions/attention-field.spw .spw/conventions/codebase-perusal.spw .spw/conventions/component-region-personality.spw .spw/conventions/composition-box-model.spw .spw/conventions/css-instruction.spw .spw/conventions/discovery-powerups.spw .spw/conventions/expressive-registers.spw .spw/conventions/feature-partial-theatrics.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/interaction-microstates.spw .spw/conventions/learnability-ledger.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/region-component-ecology.spw .spw/conventions/semantic-hierarchy.spw .spw/conventions/site-semantics.spw .spw/reviews/runtime-audit/composition-ownership.spw .spw/slices/math-practice-labs/index.spw .spw/slices/page-region-discoverability/index.spw .spw/surfaces/page-model.spw

data-spw-features

values: blog-interpreter boundary-tests collectability console contact-routing curriculum-simulations demos feature-discovery field-guide inspectability media-publishing metrics modular-projections navigator operators plan-registry portable-seeds pretext-lab profiles prompt-utils promptability proof-artifacts route-discovery rpg-capture rpg-gameplay semantic-lattice small-kernel svg-surfaces themes topic-discovery

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/circuit-anatomy.css public/css/grammar/syntax.css public/css/handles/metrics.css public/css/handles/operators/bias-and-phrases.css public/css/handles/operators/metrics-and-cognition.css public/css/shell/chrome/header.css public/css/shell/chrome/navigation.css public/css/shell/chrome/section-context.css public/css/systems/surfaces/media.css public/css/systems/surfaces/rpg.css public/css/systems/svg-surfaces.css

js writers: public/js/runtime/feature-lab.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/agentic-development-2026-07/index.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/css-module-attribute-impact-2026-07/index.spw .spw/audits/javascript-module-census-2026-07.spw .spw/audits/js-feature-connectivity-css-vars-2026-07/index.spw .spw/audits/module-granularity-lifecycle-2026-07/granularity.spw .spw/audits/progressive-css-module-scopes-2026-07/index.spw .spw/caches/spw-language-utilization-2026-07.spw .spw/conventions/feature-partial-theatrics.spw .spw/conventions/feature-utilization.spw .spw/conventions/interaction-microstates.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/conventions/text-token-normalization.spw .spw/language/feature-utilization.spw .spw/language/index.spw .spw/language/recursive-improvement.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/slices/page-region-discoverability/index.spw

data-spw-page-family

values: atlas campaign care-interface constellation coordination curriculum design experiment-lab fallback field-guide folio-archive funding kernel-atlas kernel-portrait kitchen-atlas lab laboratory membership menu observatory operator-atlas playfield policy practice-bed proof-cards recipe-book register research roadmap runtime-observatory seasonal spec +9

css: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/debug.css public/css/routes/surfaces/design-experiments.css public/css/routes/surfaces/design.css src/styles/entries/debug.css src/styles/entries/design-experiments.css

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/annotation-layer.spw .spw/conventions/css-instruction.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/reviews/runtime-audit/composition-ownership.spw .spw/surfaces/page-model.spw

data-spw-page-modes

values: archive book browse build capture carry choose cite collaborate collect commission compare compose contact context cook debug decide design document draft edit escalate explore export film fund host implement inspect interpret join +48

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/systems/coloring-depth.css public/css/tokens/dimensions.css

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/coloring-depth.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/naming-and-structured-values.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw

data-spw-page-role

values: architecture-register artifact-register asset-review calculus-register campaign-log-entry campaign-portal campaign-register category-theory-register character-workshop combinatorics-register complexity-register composition-reference contact-register craft-register culinary-culture-workbench current-sprint decision-engine design-lab design-reference design-register differential-equations-register domain-specimen editorial-lab field-guide field-theory-register film-leaf film-register instrument kernel-audit-bed kernel-identity-register learning-library learning-register +42

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/card-ecology.css public/css/effects/debug.css public/css/routes/surfaces/review-surfaces.css public/css/routes/surfaces/website.css public/css/systems/layout-postures.css public/css/tokens/dimensions.css src/styles/entries/debug.css

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/runtime-audit/composition-ownership.spw .spw/surfaces/page-model.spw

data-spw-route-family

values: apprenticeship archive art atlas authoring browser campaign care character chemistry cinematic community composition constellation coordination craft culture curriculum design discovery documentation domain editorial experiments field-guide funding grammar identity image insights kernel kitchen +55

css: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/debug.css public/css/effects/wonder.css src/styles/entries/debug.css

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/runtime-audit/composition-ownership.spw .spw/surfaces/page-model.spw

data-spw-surface

values: about blog cards care contact coordination craft curriculum folios home membership newyear now offline plans play privacy recipes research rpg-wednesday services services-care services-creator services-ecosystem services-systems settings software tools tools-budgeting tools-character-sheet tools-midjourney tools-profile +4

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/runtime-states.css public/css/effects/debug.css public/css/handles/operators/primitive.css public/css/ornament/ornament.css public/css/ornament/whimsy.css public/css/reset/base.css public/css/routes/surfaces/about.css public/css/routes/surfaces/blog-frames.css public/css/routes/surfaces/blog-layouts.css public/css/routes/surfaces/blog-motion.css public/css/routes/surfaces/blog.css public/css/routes/surfaces/contact.css public/css/routes/surfaces/craft.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css public/css/routes/surfaces/plans-cards.css public/css/routes/surfaces/plans-relationships.css public/css/routes/surfaces/plans-responsive.css public/css/routes/surfaces/plans.css public/css/routes/surfaces/play.css public/css/routes/surfaces/recipes.css public/css/routes/surfaces/rpg-wednesday.css public/css/routes/surfaces/services.css public/css/routes/surfaces/settings-cues.css public/css/routes/surfaces/settings-forms.css public/css/routes/surfaces/settings-notes.css public/css/routes/surfaces/settings-runtime.css public/css/routes/surfaces/settings.css public/css/routes/surfaces/tools-budgeting-surface.css public/css/routes/surfaces/tools-spw-parser.css public/css/routes/surfaces/topics.css public/css/routes/surfaces/website.css public/css/systems/surfaces/philosophy.css public/css/systems/surfaces/tuning-discoverability.css src/styles/entries/debug.css src/styles/entries/tools-budgeting-surface.css

js writers: public/js/interface/persona-selector.js public/js/semantic/cognitive-surface.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/build-runtime-performance-2026-07/build.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/page-spacing-crossref-2026-07.spw .spw/audits/progressive-css-module-scopes-2026-07/index.spw .spw/conventions/codebase-perusal.spw .spw/conventions/css-instruction.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/css-architecture-alignment.spw .spw/reviews/html-css-structure-audit.spw .spw/reviews/runtime-audit/composition-ownership.spw .spw/surfaces/page-model.spw

data-spw-concept

values: 13-step-sequence 200-day-chunk anchor-spell apparatus arc artifact-evidence attention-shape attention-threshold attribute-spell brace-cauldron brace-physics budget byproduct byproduct-magic canon-maintenance canon-promotion cauldron cauldron-collection cauldron-gather character-sheet cluster-spell commission-fit community-signal component-spell component-tag component-vocabulary composition concept-cluster concept-matrix concept-name conduit craft-factoid +93

css: design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/enrichment.css public/css/handles/operators/adaptive.css

js writers: public/js/modules/tools/budgeting.js

philosophy: .spw/conventions/wonder-vocabulary.spw

data-spw-page-seed

values: .spw/about-kernel home_kernel_atlas page_about_about_domains_baneland page_about_about_domains_boneland page_about_about_domains_bonkland page_about_about_domains_boonland page_about_about_domains_factshiftcom page_about_about_domains_honkland page_about_about_domains_loreland page_about_about_domains_rskrulescom page_about_about_domains_tealstripesvibescom page_about_about_plans page_about_about_website page_blog_blog page_cards_local_proof page_care page_contact_contact page_coordination_surface page_curriculum_living_learning_surface page_design_accessibility page_design_affordance page_design_catalog_assets page_design_catalog_tokens page_design_components page_design_density page_design_design_hub page_design_experiments_css page_design_experiments_css_controls page_design_experiments_menu_field page_design_experiments_spellcraft_bench page_design_experiments_subject_balance page_design_experiments_svg +113

css: public/css/routes/surfaces/design.css

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw

data-spw-box-model

values: choice-field composition-note concept-details-grid configuration-cluster console-recipe control-card data-structure-atlas definition-field deviation-card entry-card-grid evidence-ladder feature-scope-summary frame-register image-route-grid image-study-grid lens-board motif-strip narration-card operator-action-strip operator-route-strip portal-card-grid production-instrument projection-specimen-grid query-recipe-lab readout-card reason-strip research-category-grid resonance-lab returner-grid role-hook-grid route-bridge route-choice-field +15

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/content.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/effects/debug.css src/styles/entries/debug.css

js writers: public/js/interface/state-inspector.js public/js/runtime/query-link-composer.js

philosophy: .spw/audits/component-anatomy-device-packing-2026-07.spw .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/css-specificity-pe-2026-07/index.spw .spw/audits/page-component-census-2026-07.spw .spw/audits/spacing-sheet-census-2026-07.spw .spw/conventions/component-packing.spw .spw/conventions/composition-box-model.spw .spw/conventions/naming-and-structured-values.spw

data-spw-copy-depth

values: entry genre normal rich technical

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/semantic-variants.css public/css/routes/surfaces/home.css public/css/routes/surfaces/website.css public/css/systems/coloring-depth.css public/css/systems/interaction-progression.css public/css/systems/semantic-copy-lens.css

philosophy: .spw/audits/internal-external-vocabulary-clusters-2026-07.spw .spw/audits/vocabulary-metaphor-growth-synthesis-2026-07.spw .spw/conventions/coloring-depth.spw .spw/conventions/component-region-personality.spw .spw/conventions/feature-partial-theatrics.spw .spw/conventions/naming-and-structured-values.spw .spw/conventions/narrative-instrumentation.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw

data-spw-sigil

values: !action_operator !character_card !character_sheet !draw_the_strike !east_ramp_works !memory_audit !sealed_thing !starter_quests #> #>about_frame #>about_index #>cadence #>career_register #>current_direction #>curriculum_frame #>curriculum_study_routes #>film_education #>for_agents #>learning_postures #>memory_buffers #>next_builds #>semantic_hierarchy #>services_frame #>spwashi #>systems_context #>three_paths #>topic_cards #>topics_register #>town_library #>typography_register #>website_register $pricing +43

css: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css public/css/effects/wonder.css

js writers: public/js/semantic/effect-interpretation.js public/js/semantic/sigil-annotation.js

philosophy: .spw/conventions/hypermedia-2d.spw .spw/conventions/sigil-identifier-contract.spw .spw/language/sigil-geometry-lore.spw

data-spw-image-prominence

values: feature hero supporting

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/metaphysical-paper.css public/css/ornament/canvas-accents.css public/css/routes/surfaces/recipes.css public/css/routes/surfaces/topics.css public/css/systems/image-interaction.css

js writers: public/js/media/image-metaphysics.js

philosophy: no .spw doc mentions this attribute

data-spw-composition-flow

values: definition-grid grid inline-wrap lens ordered-stack stack

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/content.css public/css/components/foundation.css public/css/components/typography-packing.css public/css/effects/debug.css src/styles/entries/debug.css

philosophy: .spw/audits/component-device-sizing-2026-07/index.spw .spw/audits/component-philosophy-harmony-2026-07.spw

data-spw-attention

values: capture compare position promote publish read return scan try

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/content.css public/css/components/frames.css public/css/effects/material.css public/css/grammar/syntax.css public/css/handles/operators/tokens.css public/css/ornament/relational-state.css

js writers: public/js/interface/composition.js public/js/interface/state-inspector.js public/js/runtime/shell-disclosure.js public/js/runtime/site-core-minimal.js

philosophy: .spw/conventions/attention-field.spw .spw/conventions/site-semantics.spw

data-spw-semantic-cluster

values: ar attention attributes boonhonk bread character combinatoric-operators combinatoric-pigments component-lifecycle contrast craft creative css culinary cycles design economics engineering family garden gardening genre illustration interaction javascript laboratory layout learning lighting material material-projection-combinatoric math +25

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/semantic-resonance.css public/css/effects/enrichment.css public/css/systems/interaction-progression.css

philosophy: .spw/conventions/site-semantics.spw

data-spw-stance

values: entry projected settled threshold

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/foundation.css public/css/grammar/syntax.css public/css/handles/operators/bias-and-phrases.css public/css/handles/operators/sigils-and-chips.css public/css/ornament/ornament.css

js writers: public/js/interface/semantic-chrome.js

philosophy: no .spw doc mentions this attribute

data-spw-accent-operator

values: action baseline frame ground integrate object probe ref stream surface topic wonder

philosophy: .spw/conventions/site-semantics.spw

data-spw-behavior

values: annotate bind build catch clarify collect compare compost credit enter evolve filter forge ground inspect invite name open orient promote protect read recover repeat resonate return reveal season sequence settle test translate +2

philosophy: no .spw doc mentions this attribute

data-spw-accent-anchor

values: about accumulation amber angles approximation area atlas atmosphere attention authors bench blog books boonhonk branding brassica bread bright buffers cabinet calculus category-theory celebration circulation cognition commission compartments complexity component composition constellation constraint +171

philosophy: .spw/conventions/site-semantics.spw .spw/slices/page-region-discoverability/index.spw

data-spw-copy-label

values: Agricultural Appetizer Artifact Bench Boonhonk Bread Byproduct Campaign Cheese Cuisine Culinary Cycle-end Foodie Genre Interaction Kitchen Language Learning Library Material Normal Playable Publishing Recipe Recurring Reference Sensory Settings Soup Storyboard Technique Theory +63

philosophy: .spw/conventions/narrative-instrumentation.spw

data-spw-grounding

values: active-edge bloom-deglaze-temper camera-caption character-want chili-oil-broth-reduction chocolate-sugar-salt civic-stage clay-broth-glass-copper-paper clay-fiber-seed-metal-wood collaborator-bucket comfort-bowl component-lifecycle component-slots copy-compression dated-canon dimensional-imagination discoverable-interaction fermentation flavor-tuning heated-detail illustrator-marks ingredient-cluster journal-to-image-to-library layered-technique linguistics-storytelling-communication maillard-fermentation-emulsion material-light-owner midjourney-session-memory mixed-media-card mixed-media-interface named-packets operator-learnability +21

css: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/enrichment.css

philosophy: no .spw doc mentions this attribute

data-spw-layout

values: atlas media-prose newspaper reading split wide

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/debug.css public/css/routes/surfaces/about.css public/css/routes/surfaces/rpg-wednesday.css public/css/shell/layout.css public/css/systems/layout-postures.css public/css/systems/surfaces/base.css public/css/tokens/dimensions.css public/css/typography/typesetting.css src/styles/entries/debug.css

js writers: public/js/modules/design/experiments.js

philosophy: .spw/audits/agentic-development-2026-07/html-usage.spw .spw/audits/build-runtime-performance-2026-07/runtime.spw .spw/audits/layout-qa-measurement-2026-07/index.spw .spw/conventions/codebase-perusal.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/interaction-microstates.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/page-frame-sizing.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/reviews/html-css-structure-audit.spw .spw/reviews/runtime-audit/composition-ownership.spw .spw/surfaces/page-model.spw

data-spw-accent-resonance

values: anchor circulation commission curriculum economic evidence image ladder local manual map probe recent register threshold trace

philosophy: .spw/conventions/site-semantics.spw

data-spw-perspective

values: balanced collaborative objective public reader subjective system

css: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/operators/geometry-projection.css public/css/routes/surfaces/blog-frames.css public/css/routes/surfaces/home.css

js writers: public/js/semantic/bare-spw-markup.js public/js/semantic/sigil-annotation.js

philosophy: .spw/conventions/component-region-personality.spw .spw/conventions/feature-partial-theatrics.spw .spw/conventions/operator-semantics.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/runtime-audit/index.spw .spw/reviews/runtime-audit/lifecycles.spw .spw/reviews/runtime-audit/ontology.spw .spw/reviews/runtime-audit/seams.spw

data-spw-svg-persona

values: architect archivist artist author builder capture-model client compiler cook coordinator designer editor engineer explorer facilitator friend frontend-engineer helper host illustrator implementer learner library-author maintainer maker mapper performance-reviewer photographer planner proof-reviewer publisher reader +10

css: public/css/systems/svg-surfaces.css

philosophy: .spw/audits/javascript-module-census-2026-07.spw .spw/audits/page-component-census-2026-07.spw .spw/audits/viewing-reason-cross-media-2026-07.spw .spw/conventions/data-spw-attribute-governance.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/viewing-reason.spw

data-spw-gesture-contract

values: double-click:expand-full-wonder double-click:expand-trail drag:cycle hold:cauldron-capture hold:gather-search-term hold:inspect hold:prime hold:prime-semantic-slice hold:prime-to-cauldron swipe:cycle-nearby swipe:toggle-lens tap:cycle-variant tap:discover tap:inspect tap:open-companion tap:prime tap:surface-current tap:toggle-lens

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/systems/interaction-progression.css public/css/systems/scroll-gesture.css

js writers: public/js/interface/contextual-ui.js public/js/interface/haptics.js public/js/modules/tools/budgeting.js public/js/semantic/effect-interpretation.js public/js/semantic/image-interaction.js

philosophy: .spw/conventions/hypermedia-2d.spw .spw/conventions/interaction-microstates.spw .spw/conventions/page-anatomy-vocabulary.spw .spw/surfaces/page-model.spw

data-spw-accent-colors

values: #0b252c #0d4e58, #0f4d5a, #113f50, #123746, #123f50, #134959, #134b57, #144a59, #144b59, #154a52, #157a82, #165d64, #1a474a, #1a9999, #1d352d, #1d57a3 #1f5b60, #214952, #22464f, #274f4d, #284e53 #2a8c76, #2d5d46 #355f77, #365b8c, #3c8d73 #3d647d, #406173 #4C3C3B #5b7f99, #5f1720 +54

philosophy: .spw/conventions/site-semantics.spw

data-spw-charge-key

values: atlas-attention attention binding charge-field cohort-field cumulation dielectric draft fiber-language interpreter language-crystallizes materials node resonance service-pressure service-proof threshold wonder-block

css: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/operators/adaptive.css public/css/handles/operators/attention-states.css public/css/handles/operators/primitive.css public/css/handles/operators/sigils-and-chips.css public/css/routes/surfaces/blog-frames.css public/css/routes/surfaces/play.css

js writers: public/js/modules/blog/interpreter.js

philosophy: .spw/conventions/attention-field.spw .spw/conventions/site-semantics.spw

data-spw-op

values: flavor:action flavor:integrate flavor:route flavor:stream flavor:surface flavor:wonder operand:address operand:orientation operand:structure operand:system operator:frame operator:probe operator:stream position:postfix position:prefix

css: public/css/handles/operators/geometry-projection.css public/css/handles/operators/sigils-and-chips.css

js writers: public/js/interface/guide-badge.js public/js/runtime/sigil-anatomy.js

philosophy: .spw/conventions/operator-operand-semantics.spw

data-spw-domain

values: agriculture component craft culinary design materials math play prompting

philosophy: no .spw doc mentions this attribute

data-spw-substrate

values: action baseline curriculum frame object probe ref stream surface topic

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/grammar/syntax.css public/css/handles/operators/bias-and-phrases.css public/css/handles/operators/sigils-and-chips.css public/css/ornament/ornament.css

js writers: public/js/interface/semantic-chrome.js public/js/media/image-metaphysics.js

philosophy: .spw/conventions/operator-alignment.spw

data-spw-narrative-copy

values: artifact-ladder bench-hook boonhonk-transform campaign-orientation campaign-premise culinary-gameplay cycle-end-streak-production interaction-spell language-evolution-thesis library-stage material-science-play on playable-hook publishing-rehearsal recurring-occasion reference-pool storyboard-collaboration topic-exits trope-ingredient-discipline visual-bench-orientation

css: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/narrative.css

philosophy: .spw/conventions/narrative-instrumentation.spw

data-spw-assignment

values: component-register-folded-amber component-vellum-fold-surface culinary-component-engineering design-palette-woven-signal fiber-paper-surface-study primed-brace-cauldron-demo prompt-cauldron-ingredients rpg-veil-table-resonance spell-chip-learnability theatre-lighting-behavior theme-pack-depth-map

philosophy: .spw/conventions/model-guided-refinement.spw

data-spw-metamaterial

values: contrast field glass matte paper

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/floating-chrome.css public/css/components/foundation.css public/css/components/frames.css public/css/effects/debug.css public/css/effects/material.css public/css/routes/surfaces/design.css public/css/shell/chrome/footer.css src/styles/entries/debug.css

js writers: public/js/interface/console.js public/js/interface/discovery-notices.js public/js/interface/state-inspector.js public/js/modules/design/experiments.js public/js/runtime/region-menu.js public/js/runtime/shell-disclosure.js public/js/semantic/narrative-instrumentation.js

philosophy: .spw/conventions/site-semantics.spw .spw/conventions/visitation-memory.spw

data-spw-scene-lane

values: aftertaste approach container context exit focus handoff index memory prompt question return risk signal silence subject subplot threshold tight timer tools verb wide

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/systems/film-scene-composition.css public/css/systems/spw-key-events.css

js writers: public/js/runtime/scene-interaction.js

philosophy: .spw/audits/appendices/film-history-500y.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/viewing-reason.spw

data-spw-anatomy

values: callout caption compost-loop field-guide frame garden-bed garden-register hero home-page-hero host-stand kernel-matrix masthead motif reference-document-hero route route-bridge service-lane specimen-set surface-map type

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/page-anatomy.css

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/internal-external-vocabulary-clusters-2026-07.spw .spw/audits/javascript-module-census-2026-07.spw .spw/conventions/codebase-perusal.spw .spw/conventions/component-region-personality.spw .spw/conventions/page-anatomy-vocabulary.spw

data-spw-region

values: body cluster footer header hook hub path read wide

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/card-ecology.css public/css/components/cards.css public/css/components/foundation.css public/css/components/semantic-variants.css public/css/routes/surfaces/home.css public/css/systems/layout-postures.css

js writers: public/js/modules/cards/payment-card.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-operation

values: and authored behavior bind-unlike browser-local by cadence connect-options convert extract-material-principle friction ground-image-idea hold-structure inspect instead into legible let-through-without-collapsing make move name need next of offer one orient path playful-social progress re-enter reduce +13

philosophy: no .spw doc mentions this attribute

data-spw-region-role

values: atlas climate-tuner conversion design-hub education-gateway entry-loops gratitude-reward integration-loops kernel-hero library-gateway nook operator-field path-node promo-cycle re-entry reader-builder reading-layers rpg-hub settings-cluster threshold-sorter

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/card-ecology.css public/css/components/foundation.css public/css/components/semantic-variants.css public/css/effects/wonder.css public/css/systems/layout-postures.css

philosophy: .spw/conventions/site-semantics.spw .spw/slices/page-region-discoverability/index.spw

data-spw-target

values: ^grounding_rod cast-potential character-development collaboration-notes commission-fit current-sprint current-work folio-archive image-resources prompt-handles prompt-loop proof-card reference-packets research-questions route-grammar rpg-images service-fit session-images sessions site-system town_library world-record

philosophy: .spw/conventions/operator-alignment.spw

data-spw-cluster

values: conceptual data directional flow inquiry modal orchestration situational

philosophy: no .spw doc mentions this attribute

data-spw-density

values: dense roomy soft

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/content.css public/css/components/runtime-states.css public/css/components/typography-packing.css public/css/shell/layout.css public/css/systems/surfaces/reading-layout.css public/css/tokens/dimensions.css

js writers: public/js/modules/design/experiments.js public/js/runtime/region-enhancer.js

philosophy: .spw/audits/component-anatomy-device-packing-2026-07.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/page-template-authoring.spw .spw/conventions/site-semantics.spw .spw/conventions/typography-packing.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/surfaces/page-model.spw

data-spw-image-lens-cues

values: action,probe,frame baseline|route|potential frame,probe,surface frame,stream,probe frame|ref|probe frame|stream|surface integrate,frame,probe integrate|frame|stream object|frame|ref potential|probe|surface probe,frame,surface probe,stream,frame probe|frame|ref ref|frame|integrate route|frame|probe stream,frame,action stream,frame,probe surface,probe,frame

philosophy: no .spw doc mentions this attribute

data-spw-copy-purpose

values: artist-handoff asset-discipline demonstration entry learnability metacognition prompt-grounding read-aloud readability return route-orientation semantic-grammar session-framing storyboard-handoff technique timing workflow worldbuilding

philosophy: .spw/conventions/narrative-instrumentation.spw

data-spw-voice

values: / accumulate act ambient base bind boundary bring collapse crossing detect drift elsewhere field-guide fires flat form frame from hold is join label layer measure merge meta name norm once outside periodic +18

philosophy: no .spw doc mentions this attribute

data-spw-compositional-esteem

values: binding-warmth combinatoric-probe-cluster cool-probe crafted-hue ecology-calm inquiry-depth material-ground page-material-basis reading-field signal-edge soft-accent spatial-probe structure-depth textural-anchor warm-ground warm-lift

philosophy: .spw/conventions/site-semantics.spw

data-spw-hydration

values: ready static

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/controls.css public/css/modes/hydration.css public/css/routes/surfaces/home.css public/css/tokens/dimensions.css

js writers: public/js/kernel/dom-render.js public/js/kernel/hydration.js

philosophy: .spw/audits/agentic-development-2026-07/css-usage.spw .spw/audits/page-region-hydration-memory-2026-07/index.spw .spw/audits/progressive-css-module-scopes-2026-07/index.spw .spw/audits/spacing-sheet-census-2026-07.spw .spw/conventions/data-spw-attribute-governance.spw .spw/conventions/hypermedia-2d.spw

data-spw-demo-kind

values: brand community learn practice proof publish qa reason scope share try

philosophy: no .spw doc mentions this attribute

data-spw-failure-mode

values: action-before-state-is-ready beautiful-still-with-no-next-shot changing-too-many-variables flattening-difference grainy-or-bloomed-state lore-with-no-table-action mistaking-style-for-structure mood-without-owner muddy-or-sluggish-feedback split-emulsion style-with-no-css-translation too-many-edges-with-no-decision weak-texture-or-leaky-surface

philosophy: no .spw doc mentions this attribute

data-spw-practice

values: /design/components/ /design/palettes/ /design/palettes/#material-theatre-directions /play/rpg-wednesday/ /recipes/ /recipes/#emulsion-vinaigrette /recipes/#material-grammar-cards /recipes/fermentation/ /topics/math/calculus/ /topics/math/symmetry/ /topics/software/ /topics/software/algorithms/

philosophy: no .spw doc mentions this attribute

data-spw-principle

values: dual-coding interleaving metacognition retrieval retrieval-transfer signaling spatial-contiguity worked-examples

philosophy: no .spw doc mentions this attribute

data-spw-recognition

values: air-belongs-to-structure direction-of-change distinct-but-bound flow-slows-under-structure frame-to-frame-continuity hidden-order-becomes-visible material-property-becomes-playable-behavior named-states-and-allowed-moves nodes-and-choices prompt-has-a-test-surface surface-behavior-over-style-name what-survives-change

philosophy: no .spw doc mentions this attribute

data-spw-route-note

values: Art CSS, Current Get How I Local Material, RPG SVG, Software, Spw, Spw. Tune Wednesday, What Working about and appearance, artifacts. browser budgets, collaboration. community craft craft, design, device. drafts, for guides +43

philosophy: no .spw doc mentions this attribute

data-spw-pigment-token

values: --pigment-amber-resin --pigment-brass-warm --pigment-charcoal-fiber --pigment-clay-red --pigment-copper-oxide --pigment-lapis-soft --pigment-moss-soft --pigment-paper-cream --pigment-rose-dust --pigment-teal-electric --pigment-teal-mineral --pigment-violet-ink

css: public/css/routes/surfaces/design.css

philosophy: no .spw doc mentions this attribute

data-spw-prompt-teaser

values: Reveal SVG a an and another atlas atmosphere, beat bed blog bridge camera change. clay-bubble compact component continuity cues, current cuts. detail diagram diagram: en extends fermentation for from handoff hierarchy, hold +71

js writers: public/js/interface/prompt-utils.js

philosophy: no .spw doc mentions this attribute

data-spw-prompt-title

values: blog_signal_lattice cognitive_machine_svg_handoff component_physics_specimen design_atlas_weather fermentation_hold_bed image_bench_packet library_harmony_packet mise_en_scene_bed reduction_beat_bed svg_specimen_handoff town_library_bridge typography_register_stack

js writers: public/js/interface/prompt-utils.js

philosophy: no .spw doc mentions this attribute

data-spw-route-lane

values: current learning making systems

philosophy: no .spw doc mentions this attribute

data-spw-adjacent

values: absorption cauldron crumb custard equivalence fermentation game-turn gel ingredient-cluster map network nucleation optimization palette-seed patience permeability rate reduction route service shotboard slope spell style-reference substitution symmetry tempering template workflow

philosophy: no .spw doc mentions this attribute

data-spw-contrast

values: amorphous-melt decorative-worldbuilding generic-aesthetic-prompt homogenization linear-list random-adjustment sealed-shell surface-decoration thin-broth untracked-process

philosophy: no .spw doc mentions this attribute

data-spw-discovery-title

values: Algorithm Boonhonk Brassica Care Color Dough Fermentation Golden Knife Orbital cabinet discovered field lattice machine register resonance rhythm signal spiral swirl thread tide veil

philosophy: no .spw doc mentions this attribute

data-spw-proficiency

values: advanced intermediate novice

philosophy: no .spw doc mentions this attribute

data-spw-context-actions

values: build choose collect commission compare contact discover document enter extend inspect join navigate orient persist preview read return screenshot support tune understand use

philosophy: no .spw doc mentions this attribute

data-spw-context-domains

values: apparatus appearance attention cadence cards college components contact coordination craft design discovery garden inspection language learning library lore math media membership memory navigation operators play portfolio production promo proof publishing quests reading +16

philosophy: no .spw doc mentions this attribute

data-spw-input

values: and architecture ask attention cadence changed commission context coordination creator curiosity current direct energy footing identity inspection low method neighboring practice question reader recombination referral release routes sideways signal support tone uncertain

philosophy: no .spw doc mentions this attribute

data-spw-reference-seed

values: copper-brace electric-studio folded-amber-register glass-console neutral-paper oxide-ledger rice-paper-vellum-fold ritual-vellum rpg-wednesday-veil-table woven-signal-stack

philosophy: .spw/conventions/model-guided-refinement.spw

data-spw-return

values: a about and assets, before boonhonk card care contact current decisions defaults, field following guide kernel membership names, next path place play proof reason register research revisit routes rpg services settings sprint +8

philosophy: no .spw doc mentions this attribute

data-spw-scene-lane-bind

values: context focus memory subject

js writers: public/js/runtime/scene-interaction.js

philosophy: .spw/conventions/hypermedia-2d.spw

data-spw-scene-memory

philosophy: no .spw doc mentions this attribute

data-spw-scene-memory-value

philosophy: no .spw doc mentions this attribute

data-spw-svg-kind

values: addressable-diagram addressable-illustration branded-screenshot-card cascade-map illustration

philosophy: no .spw doc mentions this attribute

data-spw-curriculum-module

values: algorithms-incentives data-structures-credentials memory-buffers networking-markets security-externalities systems-os

philosophy: no .spw doc mentions this attribute

data-spw-discipline

values: archival-studies art civic-infrastructure design education engineering hospitality infrastructure library-science literature logistics philosophy product-design psychology risk-management self-regulation service-design software-engineering systems-thinking urban-planning visual-art

philosophy: no .spw doc mentions this attribute

data-spw-output

values: annotated-map folio-note mysterious-object-card object-card-and-artist-statement one-page-system-diagram route-map systems-diagram

philosophy: no .spw doc mentions this attribute

data-spw-pack

values: balanced compact dense fill

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/content.css public/css/components/typography-packing.css public/css/tokens/dimensions.css

philosophy: .spw/audits/spacing-sheet-census-2026-07.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/naming-and-structured-values.spw .spw/conventions/site-semantics.spw .spw/conventions/typography-packing.spw .spw/surfaces/page-model.spw

data-spw-scene-interpret

values: blog-signal-lattice film-ferment film-mise film-reduction image-bench lore-library-bridge lore-origin rpg-library-harmony svg-machine-handoff

philosophy: .spw/conventions/page-anatomy-vocabulary.spw

data-spw-skill

values: accessible-wayfinding artifact-critique composition ethical-interpretation information-architecture route-design symbolic-restraint systems-observation

philosophy: no .spw doc mentions this attribute

data-spw-interaction

values: tap tap-hold tap-hold-drag-double-click tap-hold-swipe

philosophy: no .spw doc mentions this attribute

data-spw-interaction-contract

values: commit double-click drag generate hold input inspect inspect-prime keyboard prime project tap toggle

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/runtime-states.css public/css/handles/operators/geometry-projection.css public/css/systems/interaction-progression.css

js writers: public/js/semantic/image-interaction.js public/js/semantic/link-copy.js

philosophy: .spw/conventions/hypermedia-2d.spw .spw/conventions/interaction-microstates.spw .spw/conventions/semantic-braces.spw .spw/conventions/site-semantics.spw

data-spw-pretext-cache

values: cold warm

philosophy: no .spw doc mentions this attribute

data-spw-sentence-shape

values: braided complex compound controlled-long fragment list periodic simple

philosophy: no .spw doc mentions this attribute

data-spw-copy-motifs

values: arc artifact canon cast climate communication density export garden grammar heat inspect language library local mise-en-place preset projection proof recap return reuse revisit route screenshot season seed session share story syntax tool +2

philosophy: .spw/audits/appendices/fashion-history-500y.spw .spw/audits/internal-external-vocabulary-clusters-2026-07.spw .spw/audits/vocabulary-metaphor-growth-synthesis-2026-07.spw .spw/conventions/component-region-personality.spw .spw/conventions/living-medium-copy.spw

data-spw-flow

values: pretext

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/pretext.css public/css/components/runtime-states.css public/css/routes/surfaces/blog-frames.css public/css/routes/surfaces/blog-motion.css public/css/routes/surfaces/play.css public/css/shell/chrome/navigation.css public/css/systems/pretext-physics.css

js writers: public/js/interface/contextual-ui.js public/js/runtime/spells.js

philosophy: .spw/conventions/designer-conversation-canvas.spw

data-spw-inspect-mode-group

values: composition-lens dimensionality home-lens play-lens topic-route-lanes

philosophy: .spw/conventions/site-semantics.spw

data-spw-page-hook-label

values: Console Copy Current Landing Runtime Settings cognitive diagnostics inspect link modes note query settings share snippets

philosophy: no .spw doc mentions this attribute

data-spw-seed-package

values: .spw/about-kernel .spw/about-seeds .spw/home-atlas .spw/recipes .spw/texture-portal

philosophy: no .spw doc mentions this attribute

data-spw-svg-tune

values: environment flowDash flowGap motion palette pointer strokeScale

philosophy: no .spw doc mentions this attribute

data-spw-svg-tune-echo

philosophy: no .spw doc mentions this attribute

data-spw-card

values: avalanche-evan-guide cask-guide draw-the-strike east-ramp-works grounding-rod-guide sealed-thing

philosophy: no .spw doc mentions this attribute

data-spw-discovery-label

values: Algorithm Care Circulation Motif Register Route component field protocol surface thread

philosophy: no .spw doc mentions this attribute

data-spw-discovery-why

values: Algorithm Care Motif Register SVG Thread a and as becomes before behavior cards, circulation code. components. concrete diagram easier enough flows help images inspect. inspectable it labs, low-friction make map. moves. next +19

philosophy: no .spw doc mentions this attribute

data-spw-ingredient-type

values: accessibility-base climate-base design-hub inspection-layer relational-attention semantic-weave

philosophy: no .spw doc mentions this attribute

data-spw-kernel

values: entry recipes site-settings small-stable stable

philosophy: no .spw doc mentions this attribute

data-spw-lattice

values: accessibility appearance author-workflow chrome composition developmental-climate diagnostics garden large large-semantic research sensory social typography visible

philosophy: no .spw doc mentions this attribute

data-spw-marketing

values: audience extension next-action offer proof resonance

philosophy: no .spw doc mentions this attribute

data-spw-materiality

values: card editorial-kitchen kitchen-garden-print-lab packet paper print route seed shelf svg texture web zine

philosophy: no .spw doc mentions this attribute

data-spw-model-policy

values: summarize-only

philosophy: no .spw doc mentions this attribute

data-spw-module

values: field_dimension field_perspective field_potential field_salience semantic-emphasis semantic_fields

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/controls.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/effects/debug.css src/styles/entries/debug.css

philosophy: .spw/conventions/css-instruction.spw .spw/reviews/runtime-audit/seams.spw

data-spw-next

values: #college-wonder-path #starter-quests

philosophy: no .spw doc mentions this attribute

data-spw-pressure

values: first-contact-confusion meaning-with-restraint movement-through-confusion secret-that-must-remain-protected stress-and-energy-under-load stress-energy-or-attention-under-load

philosophy: no .spw doc mentions this attribute

data-spw-svg-motion

values: static

philosophy: no .spw doc mentions this attribute

data-spw-timebox

values: 25m 30m

philosophy: no .spw doc mentions this attribute

data-spw-vocabulary-term

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/enrichment.css public/css/handles/operators/state-semantics.css public/css/shell/chrome/section-context.css

js writers: public/js/modules/tools/budgeting.js public/js/semantic/concept-salience.js

philosophy: .spw/conventions/dimension-vocabulary.spw

data-spw-dimension

values: gesture memory publication reading routing surface syntax

philosophy: no .spw doc mentions this attribute

data-spw-discovery-cadence

values: cycle daily streak weekly

philosophy: no .spw doc mentions this attribute

data-spw-discovery-cta

values: Open pack prompt

philosophy: no .spw doc mentions this attribute

data-spw-discovery-day

values: release-after wednesday

philosophy: no .spw doc mentions this attribute

data-spw-discovery-handles

values: brassica dough fermentation garden mise patience prompt-seed rhythm spiral symmetry tide vegetables

philosophy: no .spw doc mentions this attribute

data-spw-discovery-href

values: /public/images/renders/2026-05-B-rhythms/rhythms-prompt-pack.md

philosophy: no .spw doc mentions this attribute

data-spw-discovery-presentation

values: modal popup toast

philosophy: no .spw doc mentions this attribute

data-spw-discovery-production

values: bread-rhythm-card mise-scene-card slow-system-scene-card symmetry-motion-card vegetable-relation-card

philosophy: no .spw doc mentions this attribute

data-spw-discovery-reward

values: cycle-memory math-prompt production-spark prompt-seed table-prep

philosophy: no .spw doc mentions this attribute

data-spw-discovery-summary

values: The This a act and as become bitterness, bubble can careful choir cool craft. crops culture, cuts, cycles difficult dimensions domestic folding for foraging gives grammar. image in into invariant. kitchen lattice +30

philosophy: no .spw doc mentions this attribute

data-spw-friction

values: deep

philosophy: no .spw doc mentions this attribute

data-spw-image-reward

values: brassica-twilight-transformation dough-tide-fold fermentation-bubble-choir knife-rhythm-lattice pollination-golden-spiral

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/content.css public/css/components/runtime-states.css public/css/systems/effect-interpretation.css public/css/systems/image-interaction.css public/css/systems/image-utilization.css public/css/systems/scroll-gesture.css

philosophy: no .spw doc mentions this attribute

data-spw-measure-kind

values: objective subjective

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/typography-packing.css public/css/effects/enrichment.css public/css/handles/operators/state-semantics.css public/css/handles/operators/tokens.css public/css/routes/surfaces/topics.css

js writers: public/js/modules/math/diagrams.js public/js/runtime/frame-metrics.js public/js/runtime/query-link-composer.js public/js/semantic/pretext-measurement-bus.js

philosophy: .spw/caches/spw-language-utilization-2026-07.spw .spw/conventions/designer-conversation-canvas.spw .spw/conventions/feature-partial-theatrics.spw .spw/conventions/measurement-contract.spw .spw/conventions/operator-site-projection.spw .spw/conventions/ornament-contract.spw .spw/conventions/query-disposition.spw .spw/conventions/site-semantics.spw .spw/mount.spw .spw/slices/math-practice-labs/index.spw

data-spw-numericity

values: allocation rhythm

js writers: public/js/modules/tools/budgeting.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-potential

values: active emergent ready

philosophy: no .spw doc mentions this attribute

data-spw-svg-action

values: copy-source copy-url

css: public/css/systems/svg-surfaces.css

philosophy: no .spw doc mentions this attribute

data-spw-tone

values: analytical clear field-guide generous navigational opening precise publisher-minded threshold

philosophy: no .spw doc mentions this attribute

data-spw-atom

values: chip

philosophy: no .spw doc mentions this attribute

data-spw-component-anatomy

values: learnability runtime-state slots state

philosophy: no .spw doc mentions this attribute

data-spw-gravity

values: open

css: public/css/systems/spatial-gravity.css

js writers: public/js/runtime/reward-ui.js public/js/runtime/spatial-gravity.js

philosophy: .spw/audits/javascript-module-census-2026-07.spw .spw/audits/page-component-census-2026-07.spw .spw/conventions/component-packing.spw .spw/conventions/data-spw-attribute-governance.spw .spw/conventions/floating-chrome-coherence.spw .spw/conventions/spatial-gravity.spw .spw/conventions/viewing-reason.spw .spw/reviews/runtime-audit/lifecycles.spw

data-spw-image-key

values: lore-land-signal-poster lore-land-threshold-seal software-compression-crystals software-scheduler-clockwork

js writers: public/js/media/image-metaphysics.js

philosophy: no .spw doc mentions this attribute

data-spw-lens-dimension

values: dimension resonance structure surface

philosophy: no .spw doc mentions this attribute

data-spw-local-note-entry

philosophy: no .spw doc mentions this attribute

data-spw-op-disposition

values: charge dereference discharge reference

css: public/css/handles/operators/sigils-and-chips.css

js writers: public/js/interface/composition.js

philosophy: no .spw doc mentions this attribute

data-spw-page-hook

values: console-snippets query-recipes runtime-diagnostics settings-cognitive-note

philosophy: no .spw doc mentions this attribute

data-spw-palette-resonance

values: craft math route software

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/gesture-anatomy.css public/css/components/semantic-resonance.css public/css/handles/page-region-rail.css public/css/systems/surfaces/palette-depth.css

js writers: public/js/runtime/page-region-rail.js public/js/runtime/prepaint-state.js

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/composable-art-system.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/site-semantics.spw

data-spw-phrase

values: artifact

js writers: public/js/media/image-metaphysics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-depth

values: 1 2 3

philosophy: no .spw doc mentions this attribute

data-spw-reading-cue

values: Read a as attention before biography, branches. contents conversion creator deciding enters, function is kernel manual. map, model: of operating or page rest returns. reusable signatures. structure table the this whether with

philosophy: no .spw doc mentions this attribute

data-spw-returnable

values: true

philosophy: no .spw doc mentions this attribute

data-spw-search-facet

values: labs nest operators places

philosophy: no .spw doc mentions this attribute

data-spw-story-terrain

values: backdrop kernel lattice material

philosophy: no .spw doc mentions this attribute

data-spw-artifact-state

values: seed-study

philosophy: no .spw doc mentions this attribute

data-spw-badge-mode

values: activate skim

js writers: public/js/interface/guide-badge.js

philosophy: no .spw doc mentions this attribute

data-spw-card-state

values: blank select

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/card-ecology.css public/css/components/cards.css public/css/components/foundation.css public/css/ornament/ornament.css

js writers: public/js/interface/guide-badge.js public/js/modules/design/experiments.js public/js/modules/rpg-wednesday/index.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-charge-label

values: material physics speech

js writers: public/js/modules/blog/interpreter.js

philosophy: no .spw doc mentions this attribute

data-spw-contour-slot

values: mode payload queue

philosophy: no .spw doc mentions this attribute

data-spw-handle

values: query-copy query-preview query-share

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/controls.css public/css/components/runtime-states.css public/css/effects/cinematic.css public/css/handles/operators/attention-states.css public/css/handles/operators/bias-and-phrases.css public/css/handles/operators/primitive.css

philosophy: no .spw doc mentions this attribute

data-spw-image-managed

values: true

js writers: public/js/media/image-metaphysics.js public/js/runtime/state-inspector.js public/js/semantic/component-semantics.js

philosophy: .spw/conventions/floating-chrome-coherence.spw

data-spw-interaction-double-click

values: and brace immediately inspect prime semantic value

philosophy: .spw/conventions/site-semantics.spw

data-spw-interaction-drag

values: capture capturing charge feedback for project spatial visually without

philosophy: .spw/conventions/site-semantics.spw

data-spw-interaction-hold

values: a and arm as brace cauldron held ingredient into its local on prime release the value

philosophy: .spw/conventions/site-semantics.spw

data-spw-interaction-tap

values: and capture family inspect instances it local matching relation semantic storing without

philosophy: .spw/conventions/site-semantics.spw

data-spw-measure-source

values: boundary-test memory-audit-artifact settings-typography-preview

js writers: public/js/modules/math/diagrams.js public/js/runtime/frame-metrics.js public/js/semantic/pretext-measurement-bus.js

philosophy: .spw/conventions/measurement-contract.spw

data-spw-pretext-preset

values: caption-tight prose-calm question-probe

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-query-family

values: calibration painting plugin

philosophy: no .spw doc mentions this attribute

data-spw-selection

values: collection navigation relational

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/card-ecology.css public/css/components/runtime-states.css public/css/effects/cinematic.css public/css/effects/developmental-climate.css public/css/grammar/syntax.css public/css/handles/operators/primitive.css public/css/handles/operators/state-semantics.css public/css/routes/widgets/boonhonk-mixer.css

js writers: public/js/interface/guide-badge.js public/js/modules/widgets/boonhonk-mixer.js public/js/semantic/projection.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-serializes-as

values: spw-seed-block

philosophy: no .spw doc mentions this attribute

data-spw-charge

values: 2 idle

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/card-ecology.css public/css/components/foundation.css public/css/components/semantic-resonance.css public/css/effects/cinematic.css public/css/effects/debug.css public/css/effects/grain-texture.css public/css/effects/material.css public/css/effects/wonder.css public/css/grammar/syntax.css public/css/handles/operators/state-semantics.css public/css/typography/base.css src/styles/entries/debug.css

js writers: public/js/interface/guide-badge.js public/js/interface/haptics.js public/js/modules/design/experiments.js public/js/runtime/reactive-spine.js public/js/typed/bus.js

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/charge-cycle.spw .spw/conventions/operator-semantics.spw .spw/conventions/semantic-braces.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw

data-spw-floating-chrome

values: true

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/floating-chrome.css public/css/components/foundation.css public/css/components/page-anatomy.css public/css/components/runtime-states.css public/css/effects/debug.css public/css/grammar/syntax.css public/css/modes/capture.css public/css/systems/print-precipitation.css public/css/systems/spatial-gravity.css src/styles/entries/debug.css

philosophy: .spw/conventions/css-instruction.spw .spw/conventions/floating-chrome-coherence.spw .spw/conventions/page-anatomy-vocabulary.spw .spw/conventions/site-semantics.spw .spw/surfaces/page-model.spw

data-spw-image-model

values: SVG Unique accent, and authored brand capture. card color, diagram documentation for how interpretation labels, local/regional material-process motif motion, nodes note. notes, offer/action one pointer-field project region, regional respond screenshot-ready showing spacing, +7

philosophy: no .spw doc mentions this attribute

data-spw-material

values: hospitality

philosophy: no .spw doc mentions this attribute

data-spw-query-composer

js writers: public/js/interface/state-inspector.js public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-actions

css: public/css/components/query-composer.css

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-apply

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-cauldron

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-copy

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-fields

css: public/css/components/query-composer.css

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-label

values: composition settings setup share

js writers: public/js/interface/state-inspector.js public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-preview

css: public/css/components/query-composer.css

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-register

values: depth editorial

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/systems/registers.css

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/internal-external-vocabulary-clusters-2026-07.spw .spw/audits/metaphor-primitive-research-branching-2026-07.spw .spw/conventions/component-region-personality.spw .spw/conventions/expressive-registers.spw .spw/conventions/feature-partial-theatrics.spw

data-spw-specimen-builder

values: message-surface

philosophy: no .spw doc mentions this attribute

data-spw-cauldron-panel-toggle

philosophy: no .spw doc mentions this attribute

data-spw-cauldron-phase-rail

philosophy: no .spw doc mentions this attribute

data-spw-collection-panel

philosophy: no .spw doc mentions this attribute

data-spw-contour-head

philosophy: no .spw doc mentions this attribute

data-spw-copy-source

values: static-default

philosophy: no .spw doc mentions this attribute

data-spw-feature-max-level

values: 3

philosophy: no .spw doc mentions this attribute

data-spw-feature-progression

values: traversal

philosophy: no .spw doc mentions this attribute

data-spw-feature-traits

values: escalating-reward measured-room spatial-aware traversal

philosophy: no .spw doc mentions this attribute

data-spw-for-agents

values: true

philosophy: no .spw doc mentions this attribute

data-spw-garden-carried

philosophy: no .spw doc mentions this attribute

data-spw-garden-carried-value

philosophy: no .spw doc mentions this attribute

data-spw-generate-seed-markup

philosophy: no .spw doc mentions this attribute

data-spw-gesture-learnability

values: tap-hold-swipe

philosophy: no .spw doc mentions this attribute

data-spw-higher-order-dimensions

values: supported

philosophy: no .spw doc mentions this attribute

data-spw-hypermedia-extension

values: output resume state

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/shell/chrome/adaptive.css public/css/shell/chrome/header.css public/css/systems/surfaces/tuning-discoverability.css

js writers: public/js/interface/cauldron/chrome.js public/js/interface/composition.js public/js/runtime/experiential.js public/js/runtime/spells.js public/js/runtime/tuning-discovery.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-inspect-fields

values: authorMode,currentDevelopmentalClimate,colorMode,themePack,paletteResonance,baseMetamaterial,baseAffordance,componentDensity,operatorSaturation,grainIntensity,animationIntensity,wonderMemory,narrativeMode,rewardDisplay,busDiagnostics

philosophy: no .spw doc mentions this attribute

data-spw-learnability

values: high

philosophy: no .spw doc mentions this attribute

data-spw-lens-stage

philosophy: no .spw doc mentions this attribute

data-spw-local-note-origin

values: svg-experiments

philosophy: no .spw doc mentions this attribute

data-spw-local-notes-root

philosophy: no .spw doc mentions this attribute

data-spw-measure-context

values: subjective

philosophy: no .spw doc mentions this attribute

data-spw-memory

values: local

philosophy: no .spw doc mentions this attribute

data-spw-memory-action

values: clear-grounded

philosophy: no .spw doc mentions this attribute

data-spw-memory-anchor

values: category-theory complexity memory parser-lenses parser-map parsers spw

philosophy: no .spw doc mentions this attribute

data-spw-memory-status

philosophy: no .spw doc mentions this attribute

data-spw-optional-context

values: motive

philosophy: no .spw doc mentions this attribute

data-spw-overlay

values: fade-bottom

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/floating-chrome.css public/css/effects/grain-texture.css public/css/effects/material.css public/css/grammar/syntax.css public/css/ornament/canvas-accents.css

js writers: public/js/media/image-metaphysics.js public/js/runtime/state-inspector.js

philosophy: .spw/conventions/site-semantics.spw .spw/surfaces/page-model.spw

data-spw-pack-local

css: public/css/systems/component-packing.css

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/javascript-module-census-2026-07.spw .spw/audits/layout-qa-measurement-2026-07/index.spw .spw/audits/page-component-census-2026-07.spw .spw/audits/page-spacing-crossref-2026-07.spw .spw/audits/page-spacing-runtime-synthesis-2026-07.spw .spw/conventions/component-packing.spw .spw/conventions/composition-box-model.spw .spw/conventions/naming-and-structured-values.spw

data-spw-page-primary-action-label

philosophy: no .spw doc mentions this attribute

data-spw-page-responsibility-label

philosophy: no .spw doc mentions this attribute

data-spw-page-status-label

philosophy: no .spw doc mentions this attribute

data-spw-page-zone-label

philosophy: no .spw doc mentions this attribute

data-spw-query-copy-status

philosophy: no .spw doc mentions this attribute

data-spw-site-search-host

philosophy: no .spw doc mentions this attribute

data-spw-site-search-results

philosophy: no .spw doc mentions this attribute

data-spw-static-for

values: promo-wonder-cycle

philosophy: no .spw doc mentions this attribute

data-spw-stub

philosophy: no .spw doc mentions this attribute

data-spw-svg-interactive

values: note

philosophy: no .spw doc mentions this attribute

data-spw-svg-responsive

values: project

philosophy: no .spw doc mentions this attribute

data-spw-svg-semantic

values: material-process-factoid project-motif

philosophy: no .spw doc mentions this attribute

data-spw-svg-workbench

philosophy: no .spw doc mentions this attribute

data-spw-svg-workbench-count

philosophy: no .spw doc mentions this attribute

data-spw-svg-workbench-reset

philosophy: no .spw doc mentions this attribute

data-spw-svg-workbench-target

values: #svg-specimens .spw-svg-figure[data-spw-svg-host='diagram-posture']

philosophy: no .spw doc mentions this attribute

data-spw-svg-workbench-url

philosophy: no .spw doc mentions this attribute

data-spw-typography-measure-width

values: 360

philosophy: no .spw doc mentions this attribute

data-spw-wonder-hub

values: passive-curiosity

philosophy: no .spw doc mentions this attribute

data-spw-wonder-state

values: resonant

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/debug.css public/css/effects/wonder.css public/css/handles/operators/state-semantics.css public/css/ornament/ornament.css public/css/shell/chrome/section-context.css src/styles/entries/debug.css

js writers: public/js/interface/wonder-memory.js public/js/runtime/shell-disclosure.js

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/attention-field.spw .spw/conventions/ornament-contract.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/surfaces/page-model.spw

data-spw-active-lens-feedback

js writers: public/js/runtime/lens-modes.js

philosophy: no .spw doc mentions this attribute

data-spw-active-lens-impact

js writers: public/js/runtime/lens-modes.js

philosophy: no .spw doc mentions this attribute

data-spw-active-motif

js writers: public/js/kernel/site-settings-engine.js public/js/runtime/prepaint-state.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-affordances

js writers: public/js/semantic/component-interaction-semantics.js

philosophy: no .spw doc mentions this attribute

data-spw-anatomy-rail

js writers: public/js/runtime/gesture-anatomy.js

philosophy: no .spw doc mentions this attribute

data-spw-arc-auto

js writers: public/js/interface/arc-lifecycle.js

philosophy: no .spw doc mentions this attribute

data-spw-attention-posture

js writers: public/js/runtime/shell-disclosure.js

philosophy: .spw/audits/language-census.spw

data-spw-attention-posture-panel

js writers: public/js/runtime/shell-disclosure.js

philosophy: no .spw doc mentions this attribute

data-spw-author-mode

js writers: public/js/kernel/shared.js public/js/runtime/prepaint-state.js

philosophy: .spw/audits/language-census.spw

data-spw-bare-spw-enhanced

js writers: public/js/semantic/bare-spw-markup.js

philosophy: .spw/audits/language-census.spw

data-spw-base-metamaterial

values: glass matte

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/gesture-anatomy.css public/css/components/page-anatomy.css public/css/components/shell-controls.css public/css/effects/material.css public/css/shell/chrome/footer.css

js writers: public/js/modules/design/experiments.js public/js/runtime/prepaint-state.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-brace-actions

js writers: public/js/runtime/brace-actions.js

philosophy: no .spw doc mentions this attribute

data-spw-brace-actions-mounted

js writers: public/js/runtime/brace-actions.js

philosophy: no .spw doc mentions this attribute

data-spw-brace-contains-operator

js writers: public/js/runtime/brace-gestures.js

philosophy: no .spw doc mentions this attribute

data-spw-brace-edge

js writers: public/js/runtime/brace-actions.js

philosophy: no .spw doc mentions this attribute

data-spw-brace-parent-form

js writers: public/js/runtime/brace-gestures.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-bound

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-cognitive

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-depth

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-familiarity

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-frame

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-liminality

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-meaning-mode

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-menu-intent

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-menu-pressure

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-menu-topology

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-mode

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-page-responsibility

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-page-role

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-related-count

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-breadcrumb-state

values: closed open

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/runtime-states.css public/css/handles/operators/adaptive.css public/css/handles/operators/spell-breadcrumbs.css public/css/handles/operators/tokens.css public/css/shell/chrome/adaptive.css public/css/shell/chrome/header.css

js writers: public/js/runtime/experiential.js

philosophy: .spw/audits/language-census.spw

data-spw-breadcrumb-surface

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-cadence-day

js writers: public/js/interface/discovery-notices.js

philosophy: .spw/audits/language-census.spw

data-spw-cauldron-garden-rank

js writers: public/js/interface/cauldron/resonance.js

philosophy: no .spw doc mentions this attribute

data-spw-cauldron-last-gather

js writers: public/js/interface/cauldron/resonance.js

philosophy: no .spw doc mentions this attribute

data-spw-cauldron-panel-bound

js writers: public/js/interface/cauldron/chrome.js

philosophy: no .spw doc mentions this attribute

data-spw-cauldron-panel-user

js writers: public/js/interface/cauldron/chrome.js

philosophy: no .spw doc mentions this attribute

data-spw-character-deck-count

js writers: public/js/modules/rpg-wednesday/character-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-character-lab-density

js writers: public/js/modules/rpg-wednesday/character-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-chrome-island

values: parallel-navigator region-menu-popover state-satchel

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/page-anatomy.css

js writers: public/js/interface/state-inspector.js public/js/runtime/page-anatomy.js public/js/runtime/region-menu.js public/js/runtime/shell-disclosure.js

philosophy: .spw/audits/language-census.spw .spw/conventions/page-anatomy-vocabulary.spw .spw/surfaces/page-model.spw

data-spw-cognitive-handles

values: off on

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/gesture-anatomy.css public/css/components/runtime-states.css public/css/effects/living-motions.css public/css/handles/operators/metrics-and-cognition.css public/css/systems/surfaces/tuning-discoverability.css

js writers: public/js/runtime/gesture-anatomy.js public/js/runtime/runtime-helpers.js

philosophy: .spw/audits/language-census.spw

data-spw-cognitive-inventory

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-collected

values: false true

css: design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/handles/operators/sigils-and-chips.css public/css/ornament/ornament.css

js writers: public/js/interface/guide-badge.js public/js/interface/haptics.js

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/conventions/attention-field.spw .spw/conventions/ornament-contract.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw

data-spw-collection-kinds

js writers: public/js/kernel/site-settings-engine.js public/js/runtime/component-collection.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-collection-tier

js writers: public/js/kernel/site-settings-engine.js public/js/runtime/component-collection.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-collection-total

js writers: public/js/kernel/site-settings-engine.js public/js/runtime/component-collection.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-color-mode

values: auto dark light

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/gesture-anatomy.css public/css/components/page-anatomy.css public/css/components/runtime-states.css public/css/components/shell-controls.css public/css/effects/developmental-climate.css public/css/effects/grain-texture.css public/css/grammar/syntax.css public/css/handles/operators/sigils-and-chips.css public/css/ornament/canvas-accents.css public/css/ornament/ornament.css public/css/ornament/whimsy.css public/css/routes/surfaces/about.css public/css/routes/surfaces/blog.css public/css/routes/surfaces/contact.css public/css/routes/surfaces/craft.css public/css/routes/surfaces/design.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css public/css/routes/surfaces/plans.css public/css/routes/surfaces/recipes.css public/css/routes/surfaces/settings.css public/css/routes/surfaces/topics.css public/css/routes/surfaces/website.css public/css/shell/chrome/footer.css public/css/shell/chrome/navigation.css public/css/shell/chrome/section-context.css public/css/tokens/core.css public/css/tokens/dimensions.css

js writers: public/js/runtime/prepaint-state.js public/js/runtime/shell-disclosure.js

philosophy: .spw/audits/agentic-development-2026-07/css-usage.spw .spw/audits/css-module-attribute-impact-2026-07/index.spw .spw/conventions/composable-art-system.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/site-semantics.spw

data-spw-component

js writers: public/js/interface/prompt-utils.js

philosophy: no .spw doc mentions this attribute

data-spw-component-collection-init

js writers: public/js/runtime/component-collection.js

philosophy: no .spw doc mentions this attribute

data-spw-component-density

values: dense roomy

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/typography-packing.css public/css/systems/interactive-medium.css public/css/systems/layout-postures.css public/css/tokens/core.css public/css/tokens/dimensions.css

js writers: public/js/runtime/prepaint-state.js

philosophy: .spw/audits/language-census.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/site-semantics.spw .spw/conventions/typography-packing.spw

data-spw-component-genome

values: beat-approach beat-commit beat-gather beat-release beat-settle importance-primary interactivity-controllable interactivity-inspectable physics-balanced physics-charged physics-light physics-scene posture-ferment posture-mise posture-reduction

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/semantic-variants.css public/css/systems/interaction-progression.css

philosophy: .spw/audits/language-census.spw .spw/conventions/interaction-microstates.spw

data-spw-component-kind

values: card frame hook lens metric panel surface

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/foundation.css public/css/components/frames.css public/css/components/signals.css public/css/effects/debug.css public/css/effects/material.css public/css/effects/wonder.css public/css/grammar/syntax.css public/css/systems/semantic-copy-lens.css src/styles/entries/debug.css

js writers: public/js/interface/semantic-chrome.js public/js/runtime/attention/section-handle.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-console-event

js writers: public/js/interface/console.js

philosophy: no .spw doc mentions this attribute

data-spw-console-source

js writers: public/js/interface/console.js

philosophy: no .spw doc mentions this attribute

data-spw-console-state

js writers: public/js/interface/console.js public/js/kernel/instrumentation.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-console-surface

js writers: public/js/interface/console.js

philosophy: no .spw doc mentions this attribute

data-spw-console-token

js writers: public/js/interface/console.js

philosophy: no .spw doc mentions this attribute

data-spw-contextual-ui-init

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-copied

values: true

css: public/css/routes/surfaces/design.css

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-css-observed-mutations

js writers: public/js/runtime/brace-gestures.js

philosophy: no .spw doc mentions this attribute

data-spw-curator-density

values: active quiet

css: public/css/routes/surfaces/rpg-wednesday.css

js writers: public/js/modules/rpg-wednesday/curate.js

philosophy: no .spw doc mentions this attribute

data-spw-curator-posture

js writers: public/js/modules/rpg-wednesday/curate.js

philosophy: no .spw doc mentions this attribute

data-spw-curator-stage

js writers: public/js/modules/rpg-wednesday/curate.js

philosophy: no .spw doc mentions this attribute

data-spw-debug-layers

values: on

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/cauldron.css public/css/effects/debug.css public/css/handles/operators/adaptive.css public/css/handles/operators/attention-states.css public/css/handles/operators/bias-and-phrases.css public/css/handles/operators/geometry-projection.css public/css/handles/operators/metrics-and-cognition.css public/css/handles/operators/primitive.css public/css/handles/operators/sigils-and-chips.css public/css/handles/operators/spell-breadcrumbs.css public/css/handles/operators/state-semantics.css public/css/handles/operators/tokens.css public/css/shell/chrome/adaptive.css public/css/shell/chrome/footer.css public/css/shell/chrome/header.css public/css/shell/chrome/navigation.css public/css/shell/chrome/section-context.css src/styles/entries/debug.css

philosophy: .spw/audits/agentic-development-2026-07/css-usage.spw

data-spw-debug-mode

values: on

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/effects/debug.css public/css/effects/living-motions.css public/css/handles/operators/sigils-and-chips.css public/css/handles/operators/state-semantics.css public/css/ornament/layout-assumptions.css public/css/systems/surfaces/base.css src/styles/entries/debug.css

js writers: public/js/interface/semantic-chrome.js public/js/runtime/gesture-anatomy.js public/js/runtime/runtime-helpers.js

philosophy: .spw/conventions/css-instruction.spw

data-spw-debug-source

js writers: public/js/interface/prompt-utils.js public/js/runtime/spatial-gravity.js

philosophy: .spw/surfaces/page-model.spw

data-spw-deep-link

values: #

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/runtime-states.css public/css/handles/operators/spell-breadcrumbs.css public/css/shell/chrome/adaptive.css

js writers: public/js/interface/composition.js public/js/runtime/experiential.js

philosophy: .spw/conventions/hypermedia-2d.spw .spw/conventions/operator-semantics.spw .spw/conventions/site-semantics.spw

data-spw-deep-link-label

js writers: public/js/interface/composition.js public/js/runtime/experiential.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-deep-link-state

js writers: public/js/runtime/experiential.js public/js/runtime/lens-modes.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-delimiter

js writers: public/js/semantic/bare-spw-markup.js public/js/semantic/sigil-annotation.js

philosophy: .spw/audits/language-census.spw

data-spw-design-ecology

js writers: public/js/modules/design/experiments.js

philosophy: .spw/audits/language-census.spw

data-spw-design-ecology-behavior

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-design-ecology-environment

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-design-ecology-posture

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-design-ecology-settle

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-design-ecology-variant

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-dev-server

js writers: public/js/typed/runtime-environment.js

philosophy: no .spw doc mentions this attribute

data-spw-developmental-author-label

js writers: public/js/runtime/prepaint-state.js

philosophy: .spw/audits/language-census.spw

data-spw-developmental-label

js writers: public/js/runtime/prepaint-state.js

philosophy: .spw/audits/language-census.spw

data-spw-discovery-credits

js writers: public/js/interface/discovery-notices.js

philosophy: .spw/audits/language-census.spw

data-spw-discovery-notices

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-dismissible

js writers: public/js/interface/state-inspector.js public/js/runtime/page-anatomy.js public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-drawer-state

js writers: public/js/semantic/narrative-instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-cues

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-legend

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-legend-host

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-legend-ready

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-pulse

css: public/css/components/runtime-states.css

js writers: public/js/runtime/effect-ledger.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-readout

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-state

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-effect-state-value

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-embedded-tuning-handle

js writers: public/js/runtime/tuning-discovery.js

philosophy: no .spw doc mentions this attribute

data-spw-enhancement-level

values: balanced minimal rich

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/floating-chrome.css public/css/effects/grain-texture.css public/css/systems/feature-discovery.css public/css/systems/interaction-progression.css

js writers: public/js/runtime/prepaint-state.js

philosophy: .spw/audits/css-module-attribute-impact-2026-07/index.spw .spw/audits/progressive-css-module-scopes-2026-07/index.spw .spw/conventions/feature-partial-theatrics.spw .spw/conventions/interaction-microstates.spw .spw/conventions/site-semantics.spw

data-spw-evidence-hydrated

js writers: public/js/modules/rpg-wednesday/index.js

philosophy: no .spw doc mentions this attribute

data-spw-experiential-init

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-experiential-surface

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-feature-discovery-init

js writers: public/js/runtime/feature-discovery.js

philosophy: no .spw doc mentions this attribute

data-spw-feature-lab

values: session

css: public/css/components/runtime-states.css

js writers: public/js/runtime/feature-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-feature-lab-ops

js writers: public/js/runtime/feature-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-features-authored

js writers: public/js/runtime/feature-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-field-resonance

js writers: public/js/runtime/shell-disclosure.js

philosophy: no .spw doc mentions this attribute

data-spw-field-wonder

values: comparison constraint inquiry memory orientation projection resonance

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css public/css/effects/grain-texture.css public/css/systems/substrate-ecology.css

js writers: public/js/interface/wonder-memory.js

philosophy: .spw/conventions/ornament-contract.spw .spw/language/v04/pillars/stem-projection.spw

data-spw-font-size

js writers: public/js/runtime/prepaint-state.js

philosophy: no .spw doc mentions this attribute

data-spw-frame-line-count

js writers: public/js/runtime/frame-metrics.js

philosophy: no .spw doc mentions this attribute

data-spw-frame-measure-width

js writers: public/js/runtime/frame-metrics.js

philosophy: no .spw doc mentions this attribute

data-spw-frame-text-height

js writers: public/js/runtime/frame-metrics.js

philosophy: no .spw doc mentions this attribute

data-spw-frame-wrap

js writers: public/js/runtime/frame-metrics.js

philosophy: no .spw doc mentions this attribute

data-spw-gesture

values: active armed charging committed discharged projecting sustained swipe

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/card-ecology.css public/css/components/cards.css public/css/components/foundation.css public/css/components/frames.css public/css/components/gesture-anatomy.css public/css/effects/cinematic.css public/css/effects/developmental-climate.css public/css/effects/grain-texture.css public/css/effects/living-motions.css public/css/grammar/syntax.css public/css/handles/operators/bias-and-phrases.css public/css/handles/operators/geometry-projection.css public/css/handles/operators/state-semantics.css public/css/ornament/ornament.css public/css/ornament/whimsy.css public/css/routes/surfaces/design.css public/css/shell/chrome/adaptive.css public/css/systems/interaction-progression.css

js writers: public/js/interface/haptics.js public/js/interface/state-inspector.js public/js/interface/topic-discovery.js public/js/runtime/brace-gestures.js

philosophy: .spw/conventions/cognitive-navigation.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/interaction-microstates.spw .spw/conventions/semantic-braces.spw .spw/conventions/site-semantics.spw

data-spw-gesture-armed

js writers: public/js/runtime/brace-gestures.js

philosophy: no .spw doc mentions this attribute

data-spw-gesture-provenance

js writers: public/js/interface/composition.js

philosophy: no .spw doc mentions this attribute

data-spw-gesture-trace

js writers: public/js/interface/composition.js

philosophy: no .spw doc mentions this attribute

data-spw-grounded

values: false true

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css public/css/effects/developmental-climate.css public/css/effects/grain-texture.css public/css/handles/operators/sigils-and-chips.css public/css/shell/chrome/header.css public/css/shell/chrome/navigation.css public/css/typography/base.css

js writers: public/js/interface/haptics.js

philosophy: .spw/audits/metaphor-primitive-research-branching-2026-07.spw .spw/conventions/css-instruction.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/site-semantics.spw .spw/surfaces/menu-field.spw

data-spw-grounded-wonder

js writers: public/js/interface/haptics.js

philosophy: no .spw doc mentions this attribute

data-spw-guide-badge-bound

js writers: public/js/interface/guide-badge.js

philosophy: no .spw doc mentions this attribute

data-spw-guide-badge-control-bound

js writers: public/js/interface/guide-badge.js

philosophy: no .spw doc mentions this attribute

data-spw-guide-previous-liminality

js writers: public/js/interface/guide.js

philosophy: no .spw doc mentions this attribute

data-spw-guide-reason

js writers: public/js/interface/guide.js

philosophy: no .spw doc mentions this attribute

data-spw-handle-count

js writers: public/js/runtime/attention/section-handle.js

philosophy: no .spw doc mentions this attribute

data-spw-handle-current

js writers: public/js/runtime/attention/section-handle.js

philosophy: no .spw doc mentions this attribute

data-spw-handle-index

js writers: public/js/runtime/attention/section-handle.js

philosophy: no .spw doc mentions this attribute

data-spw-handle-origin

js writers: public/js/runtime/attention/section-handle.js

philosophy: no .spw doc mentions this attribute

data-spw-handle-source

js writers: public/js/runtime/attention/section-handle.js

philosophy: no .spw doc mentions this attribute

data-spw-header-opacity

js writers: public/js/runtime/prepaint-state.js

philosophy: no .spw doc mentions this attribute

data-spw-high-contrast

values: on

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/components/shell-controls.css public/css/effects/developmental-climate.css public/css/effects/grain-texture.css public/css/effects/material.css public/css/routes/surfaces/blog.css public/css/routes/surfaces/craft.css public/css/shell/chrome/footer.css public/css/systems/surfaces/palette-depth.css public/css/tokens/core.css

js writers: public/js/interface/discovery-notices.js public/js/modules/design/experiments.js public/js/runtime/prepaint-state.js public/js/runtime/shell-disclosure.js

philosophy: .spw/conventions/coloring-depth.spw

data-spw-hormone-hint

js writers: public/js/kernel/shared.js

philosophy: no .spw doc mentions this attribute

data-spw-hormone-phase

js writers: public/js/kernel/shared.js

philosophy: no .spw doc mentions this attribute

data-spw-hydration-error

js writers: public/js/kernel/dom-render.js

philosophy: no .spw doc mentions this attribute

data-spw-image-discovery-state

js writers: public/js/interface/image-discovery-rewards.js

philosophy: .spw/conventions/hypermedia-2d.spw

data-spw-image-effect-override

js writers: public/js/media/image-metaphysics.js public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-image-interaction-bound

js writers: public/js/semantic/image-interaction.js

philosophy: no .spw doc mentions this attribute

data-spw-image-interaction-state

values: discovered idle inspecting lensed primed

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/systems/effect-interpretation.css public/css/systems/image-interaction.css public/css/systems/interaction-progression.css

js writers: public/js/interface/image-discovery-rewards.js public/js/runtime/scene-interaction.js public/js/semantic/image-interaction.js

philosophy: .spw/conventions/dimension-vocabulary.spw .spw/conventions/hypermedia-2d.spw

data-spw-image-memory-state

js writers: public/js/kernel/site-settings-engine.js public/js/media/image-metaphysics.js

philosophy: no .spw doc mentions this attribute

data-spw-image-primed

js writers: public/js/media/image-metaphysics.js

philosophy: no .spw doc mentions this attribute

data-spw-image-prompt

js writers: public/js/media/image-metaphysics.js

philosophy: no .spw doc mentions this attribute

data-spw-implementation-mutations

js writers: public/js/runtime/brace-gestures.js

philosophy: no .spw doc mentions this attribute

data-spw-ingredient-availability

js writers: public/js/interface/composition.js

philosophy: no .spw doc mentions this attribute

data-spw-ingredient-enhanced

js writers: public/js/runtime/ingredient-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-ingredient-mode-set

js writers: public/js/runtime/ingredient-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-ingredient-source-count

js writers: public/js/interface/composition.js

philosophy: no .spw doc mentions this attribute

data-spw-ingredient-state

js writers: public/js/interface/haptics.js

philosophy: no .spw doc mentions this attribute

data-spw-ingredient-status

js writers: public/js/runtime/ingredient-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-inspect-field-context

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-inspect-field-operator

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-inspect-field-wonder

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-inspect-mounted

js writers: public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-inspect-semantic-focus-count

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-inspect-semantic-focus-root

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-instrumentation

js writers: public/js/interface/prompt-utils.js public/js/interface/semantic-chrome.js public/js/kernel/instrumentation.js public/js/runtime/spatial-gravity.js

philosophy: .spw/surfaces/page-model.spw

data-spw-interaction-phase

values: approach charge discover inspect prime settle

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/systems/image-interaction.css public/css/systems/interaction-progression.css

js writers: public/js/runtime/interaction-progression.js

philosophy: .spw/conventions/component-packing.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/interaction-microstates.spw

data-spw-interaction-scope

js writers: public/js/semantic/link-copy.js

philosophy: no .spw doc mentions this attribute

data-spw-language-evolution-posture

values: communication linguistics storytelling

css: public/css/routes/surfaces/rpg-wednesday.css

js writers: public/js/modules/rpg-wednesday/language-evolution.js

philosophy: no .spw doc mentions this attribute

data-spw-language-evolution-stage

js writers: public/js/modules/rpg-wednesday/language-evolution.js

philosophy: no .spw doc mentions this attribute

data-spw-last-carried

js writers: public/js/interface/composition.js

philosophy: no .spw doc mentions this attribute

data-spw-lattice-phase

js writers: public/js/semantic/lattice.js

philosophy: no .spw doc mentions this attribute

data-spw-layout-assumption-correction

values: travel-row-split

css: public/css/ornament/layout-assumptions.css

js writers: public/js/runtime/layout-assumptions.js

philosophy: no .spw doc mentions this attribute

data-spw-layout-correction

values: bottom-lane-nudge chrome-pressure clearance-measured travel-row-split

css: public/css/ornament/layout-assumptions.css

philosophy: no .spw doc mentions this attribute

data-spw-layout-trope

js writers: public/js/kernel/instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-learner-confidence

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-learner-recovery

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-learner-scope

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-lens-impact

js writers: public/js/runtime/lens-modes.js

philosophy: no .spw doc mentions this attribute

data-spw-lens-mode

values: artifacts current inspect learning making play read reuse surface syntax systems website

css: design/experiments/load-symphony/css/movement-2b-route-topics.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/operators/state-semantics.css public/css/routes/surfaces/home.css public/css/routes/surfaces/topics.css public/css/systems/semantic-copy-lens.css

js writers: public/js/runtime/lens-modes.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-lens-option-state

js writers: public/js/runtime/lens-modes.js

philosophy: no .spw doc mentions this attribute

data-spw-loading-ecology-phase

values: discovering measuring mounting personalizing prefetching settled settling

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/runtime-states.css public/css/components/signals.css public/css/handles/operators/geometry-projection.css public/css/systems/substrate-ecology.css public/css/tokens/dimensions.css

js writers: public/js/runtime/loading-ecology.js

philosophy: .spw/audits/css-module-attribute-impact-2026-07/index.spw .spw/conventions/site-semantics.spw

data-spw-loading-original

js writers: public/js/kernel/site-settings-engine.js

philosophy: no .spw doc mentions this attribute

data-spw-local-memory-controls-init

js writers: public/js/interface/local-memory-controls.js

philosophy: no .spw doc mentions this attribute

data-spw-log

js writers: public/js/kernel/instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-log-level

js writers: public/js/kernel/instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-loop-label

js writers: public/js/interface/arc-lifecycle.js public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-loop-state

values: activated preview resolved

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/runtime-states.css public/css/handles/operators/geometry-projection.css public/css/systems/interaction-progression.css

js writers: public/js/interface/arc-lifecycle.js public/js/runtime/state-inspector.js

philosophy: .spw/conventions/dimension-vocabulary.spw .spw/conventions/interaction-microstates.spw

data-spw-loop-token

js writers: public/js/interface/arc-lifecycle.js public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-memory-status-timer

js writers: public/js/interface/local-memory-controls.js

philosophy: no .spw doc mentions this attribute

data-spw-menu-mode

values: inline toggle

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/floating-chrome.css public/css/components/shell-controls.css public/css/handles/operators/adaptive.css public/css/handles/operators/tokens.css public/css/ornament/ornament.css public/css/shell/chrome/adaptive.css public/css/shell/chrome/navigation.css public/css/shell/chrome/section-context.css

js writers: public/js/interface/contextual-ui.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-module-copy-inferred

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-module-hydration-inferred

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-module-inferred

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-module-updates-kinds

values: aria attr class css-var event

css: public/css/components/runtime-states.css

philosophy: no .spw doc mentions this attribute

data-spw-module-visuals

values: on

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/foundation.css public/css/components/query-composer.css public/css/components/runtime-states.css public/css/components/semantic-variants.css public/css/handles/operators/state-semantics.css public/css/systems/coloring-depth.css

philosophy: .spw/audits/css-module-attribute-impact-2026-07/index.spw .spw/conventions/coloring-depth.spw

data-spw-monospace-variant

js writers: public/js/runtime/prepaint-state.js

philosophy: no .spw doc mentions this attribute

data-spw-motion-family

js writers: public/js/runtime/region-enhancer.js

philosophy: no .spw doc mentions this attribute

data-spw-narrative-token

js writers: public/js/semantic/narrative-instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-nav-expression

js writers: public/js/runtime/navigation-spells.js public/js/semantic/link-copy.js

philosophy: no .spw doc mentions this attribute

data-spw-nav-section-current

js writers: public/js/runtime/navigation-spells.js

philosophy: no .spw doc mentions this attribute

data-spw-nav-token

js writers: public/js/semantic/link-copy.js

philosophy: no .spw doc mentions this attribute

data-spw-navigation-spells-init

js writers: public/js/runtime/navigation-spells.js

philosophy: no .spw doc mentions this attribute

data-spw-operator-overload

js writers: public/js/semantic/sigil-annotation.js

philosophy: no .spw doc mentions this attribute

data-spw-operator-saturation

js writers: public/js/runtime/prepaint-state.js

philosophy: no .spw doc mentions this attribute

data-spw-operator-speech

js writers: public/js/semantic/effect-interpretation.js

philosophy: no .spw doc mentions this attribute

data-spw-original-label

js writers: public/js/semantic/narrative-instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-pack-occupancy

values: balanced full sparse

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/typography-packing.css public/css/tokens/dimensions.css

philosophy: .spw/audits/component-anatomy-device-packing-2026-07.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/naming-and-structured-values.spw .spw/conventions/site-semantics.spw .spw/conventions/typography-packing.spw .spw/surfaces/page-model.spw

data-spw-packing-model

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-packing-source

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-packing-state

values: balanced compact roomy spacious

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/typography-packing.css public/css/routes/surfaces/design.css public/css/systems/layout-postures.css public/css/tokens/dimensions.css

js writers: public/js/modules/design/experiments.js

philosophy: .spw/audits/spacing-sheet-census-2026-07.spw .spw/conventions/dimension-vocabulary.spw .spw/conventions/hypermedia-2d.spw .spw/conventions/typography-packing.spw

data-spw-page-arrival

values: entering restored returning settled

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/runtime-states.css public/css/components/signals.css public/css/handles/operators/attention-states.css public/css/systems/pretext-physics.css public/css/tokens/dimensions.css

js writers: public/js/runtime/loading-ecology.js

philosophy: .spw/conventions/data-spw-attribute-governance.spw .spw/surfaces/page-model.spw

data-spw-page-state

values: booting enhanced hydrated interactive region-enhanced

css: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/runtime-states.css public/css/shell/layout.css

js writers: public/js/runtime/reward-ui.js

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/css-module-attribute-impact-2026-07/index.spw .spw/audits/layout-qa-measurement-2026-07/index.spw .spw/conventions/data-spw-attribute-governance.spw .spw/conventions/ornament-contract.spw .spw/reviews/runtime-audit/lifecycles.spw

data-spw-palette-probe-index

js writers: public/js/runtime/palette-treat-discovery.js

philosophy: no .spw doc mentions this attribute

data-spw-palette-probe-toolbar

js writers: public/js/runtime/palette-treat-discovery.js

philosophy: no .spw doc mentions this attribute

data-spw-parallel-action

js writers: public/js/runtime/page-anatomy.js

philosophy: no .spw doc mentions this attribute

data-spw-parallel-bound

js writers: public/js/runtime/page-anatomy.js

philosophy: no .spw doc mentions this attribute

data-spw-parallel-count

js writers: public/js/runtime/page-anatomy.js

philosophy: no .spw doc mentions this attribute

data-spw-parallel-group

js writers: public/js/runtime/page-anatomy.js

philosophy: no .spw doc mentions this attribute

data-spw-parallel-index

js writers: public/js/runtime/page-anatomy.js

philosophy: no .spw doc mentions this attribute

data-spw-passive-charge

js writers: public/js/interface/haptics.js

philosophy: no .spw doc mentions this attribute

data-spw-path-available

js writers: public/js/runtime/shell-disclosure.js

philosophy: no .spw doc mentions this attribute

data-spw-pinnable

js writers: public/js/runtime/brace-gestures.js

philosophy: no .spw doc mentions this attribute

data-spw-pivot-value

js writers: public/js/runtime/brace-pivots.js

philosophy: no .spw doc mentions this attribute

data-spw-popup-state

js writers: public/js/runtime/shell-disclosure.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-density

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-genre

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-height-px

js writers: public/js/semantic/pretext-measurement-bus.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-influence

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-line-count

js writers: public/js/semantic/pretext-measurement-bus.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-measure

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-mode

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-ornament

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-projected-line-count

js writers: public/js/semantic/pretext-measurement-bus.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-projection

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-width-class

js writers: public/js/semantic/pretext-physics.js

philosophy: no .spw doc mentions this attribute

data-spw-pretext-width-px

js writers: public/js/semantic/pretext-measurement-bus.js

philosophy: no .spw doc mentions this attribute

data-spw-probe-wired

js writers: public/js/semantic/operator-interactions.js

philosophy: no .spw doc mentions this attribute

data-spw-production-seed

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-promo-cta-style

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-promo-handles

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-promo-kind

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-promotion-handles

js writers: public/js/typed/promo-wonder-cycle.js

philosophy: no .spw doc mentions this attribute

data-spw-promotion-kind

js writers: public/js/typed/promo-wonder-cycle.js

philosophy: no .spw doc mentions this attribute

data-spw-promotion-theme

js writers: public/js/typed/promo-wonder-cycle.js

philosophy: no .spw doc mentions this attribute

data-spw-prompt-copy-bound

js writers: public/js/interface/prompt-utils.js

philosophy: no .spw doc mentions this attribute

data-spw-pulse-ts

js writers: public/js/runtime/reactive-spine.js

philosophy: no .spw doc mentions this attribute

data-spw-pwa-mode

js writers: public/js/runtime/pwa-update-handler.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-bound

js writers: public/js/interface/state-inspector.js public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-compact

values: true

css: public/css/components/query-composer.css

js writers: public/js/interface/state-inspector.js public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-expand

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-expanded

values: true

css: public/css/components/query-composer.css

js writers: public/js/interface/state-inspector.js public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-group

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-href

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-include-settings

css: public/css/components/query-composer.css

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-key

css: public/css/components/query-composer.css

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-search

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-state

values: off

css: public/css/components/query-composer.css

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-query-composer-value

js writers: public/js/runtime/query-link-composer.js

philosophy: no .spw doc mentions this attribute

data-spw-rail-signature

js writers: public/js/runtime/gesture-anatomy.js

philosophy: no .spw doc mentions this attribute

data-spw-reduce-motion

values: on

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/floating-chrome.css public/css/components/gesture-anatomy.css public/css/components/runtime-states.css public/css/effects/developmental-climate.css public/css/effects/wonder.css public/css/handles/operators/geometry-projection.css public/css/reset/base.css public/css/routes/surfaces/blog-motion.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/play.css public/css/shell/chrome/section-context.css public/css/systems/effect-interpretation.css public/css/systems/film-scene-composition.css public/css/systems/image-interaction.css public/css/systems/interaction-progression.css public/css/systems/palette-treat.css public/css/tokens/core.css

js writers: public/js/runtime/loading-ecology.js public/js/runtime/page-state.js public/js/runtime/palette-treat-discovery.js public/js/runtime/prepaint-state.js public/js/runtime/pulse-beat-tuner.js public/js/runtime/reward-ui.js public/js/runtime/spw-key-events.js public/js/semantic/image-interaction.js

philosophy: .spw/conventions/interaction-microstates.spw

data-spw-reflow-cost

js writers: public/js/kernel/instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-reflow-model

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-reflow-reason

js writers: public/js/kernel/instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-reflow-scope

js writers: public/js/kernel/instrumentation.js

philosophy: no .spw doc mentions this attribute

data-spw-region-action

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-region-layer

js writers: public/js/runtime/region-enhancer.js

philosophy: no .spw doc mentions this attribute

data-spw-region-linked

js writers: public/js/runtime/region-enhancer.js

philosophy: no .spw doc mentions this attribute

data-spw-region-menu

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-region-menu-collision

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-region-menu-horizontal

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-region-menu-init

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-region-menu-vertical

js writers: public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-region-meta

js writers: public/js/runtime/page-region-rail.js

philosophy: no .spw doc mentions this attribute

data-spw-resonance-probe

values: action frame object probe ref stream surface

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/wonder.css public/css/systems/registers.css

js writers: public/js/semantic/narrative-instrumentation.js

philosophy: .spw/audits/component-philosophy-harmony-2026-07.spw .spw/audits/metaphor-primitive-research-branching-2026-07.spw .spw/conventions/attention-field.spw .spw/conventions/site-semantics.spw .spw/language/sigil-geometry-lore.spw .spw/language/v04/pillars/stem-projection.spw

data-spw-review-active

js writers: public/js/modules/design/review-surfaces.js

philosophy: no .spw doc mentions this attribute

data-spw-review-role

js writers: public/js/modules/design/review-surfaces.js

philosophy: no .spw doc mentions this attribute

data-spw-reward-key

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-reward-kind

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-reward-ui-init

js writers: public/js/runtime/reward-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-discovery

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-discovery-count

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-discovery-layout

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-discovery-scope

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-hover

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-menu-count

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-menu-label

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-route-menu-link

js writers: public/js/semantic/link-copy.js

philosophy: no .spw doc mentions this attribute

data-spw-route-menu-state

js writers: public/js/interface/contextual-ui.js

philosophy: no .spw doc mentions this attribute

data-spw-rpg-curator-density

js writers: public/js/modules/rpg-wednesday/curate.js

philosophy: no .spw doc mentions this attribute

data-spw-runtime-prefetch

js writers: public/js/site.js

philosophy: no .spw doc mentions this attribute

data-spw-runtime-reward

js writers: public/js/interface/discovery-notices.js

philosophy: no .spw doc mentions this attribute

data-spw-salience-weight

js writers: public/js/semantic/concept-salience.js

philosophy: no .spw doc mentions this attribute

data-spw-sample-bound

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-sample-count

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-sample-pinned

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-sample-state

js writers: public/js/runtime/experiential.js

philosophy: no .spw doc mentions this attribute

data-spw-satchel-available

js writers: public/js/runtime/shell-disclosure.js

philosophy: no .spw doc mentions this attribute

data-spw-satchel-snap

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-search-selection-pulse

css: public/css/components/site-search.css

js writers: public/js/runtime/site-search.js

philosophy: no .spw doc mentions this attribute

data-spw-semantic-crossref

js writers: public/js/semantic/semantic-crossrefs.js

philosophy: no .spw doc mentions this attribute

data-spw-semantic-crossref-label

js writers: public/js/semantic/semantic-crossrefs.js

philosophy: no .spw doc mentions this attribute

data-spw-semantic-density

values: minimal normal rich

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/semantic-resonance.css public/css/components/semantic-variants.css public/css/effects/grain-texture.css public/css/effects/wonder.css public/css/handles/page-region-rail.css public/css/routes/surfaces/home.css public/css/systems/coloring-depth.css public/css/systems/interaction-progression.css public/css/tokens/core.css

js writers: public/js/runtime/page-region-rail.js public/js/runtime/prepaint-state.js public/js/runtime/shell-disclosure.js

philosophy: .spw/audits/css-module-attribute-impact-2026-07/index.spw .spw/conventions/component-region-personality.spw .spw/conventions/interaction-microstates.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/site-semantics.spw

data-spw-serialized-copy

js writers: public/js/modules/design/experiments.js public/js/runtime/region-menu.js

philosophy: no .spw doc mentions this attribute

data-spw-settings-preflight

js writers: public/js/runtime/prepaint-state.js

philosophy: no .spw doc mentions this attribute

data-spw-settle-source

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-settle-state

values: settling

css: public/css/routes/surfaces/design.css

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-shell-resonance-utility

js writers: public/js/runtime/shell-disclosure.js

philosophy: no .spw doc mentions this attribute

data-spw-show-semantic-metadata

values: off on

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/components/foundation.css public/css/effects/metaphysical-paper.css public/css/grammar/syntax.css public/css/handles/operators/adaptive.css public/css/handles/operators/metrics-and-cognition.css public/css/handles/operators/primitive.css public/css/handles/operators/sigils-and-chips.css public/css/handles/operators/state-semantics.css

js writers: public/js/interface/semantic-chrome.js public/js/media/image-metaphysics.js

philosophy: no .spw doc mentions this attribute

data-spw-sigil-label

js writers: public/js/semantic/sigil-annotation.js

philosophy: no .spw doc mentions this attribute

data-spw-sigil-transitions-wired

js writers: public/js/semantic/operator-interactions.js

philosophy: no .spw doc mentions this attribute

data-spw-site-search

values: closed

css: public/css/components/site-search.css

js writers: public/js/runtime/site-search.js

philosophy: no .spw doc mentions this attribute

data-spw-site-search-bound

js writers: public/js/runtime/site-search.js

philosophy: no .spw doc mentions this attribute

data-spw-site-search-open

js writers: public/js/runtime/frame-navigator.js

philosophy: no .spw doc mentions this attribute

data-spw-site-search-open-bound

js writers: public/js/runtime/site-search.js

philosophy: no .spw doc mentions this attribute

data-spw-specimen-builder-href

js writers: public/js/modules/design/experiments.js

philosophy: no .spw doc mentions this attribute

data-spw-spell-bound

js writers: public/js/runtime/spells.js

philosophy: no .spw doc mentions this attribute

data-spw-spell-cognitive

js writers: public/js/runtime/spells.js

philosophy: no .spw doc mentions this attribute

data-spw-spell-familiarity

js writers: public/js/runtime/spells.js

philosophy: no .spw doc mentions this attribute

data-spw-spell-liminality

js writers: public/js/runtime/spells.js

philosophy: no .spw doc mentions this attribute

data-spw-spell-meaning-mode

js writers: public/js/runtime/spells.js

philosophy: no .spw doc mentions this attribute

data-spw-spell-trail

js writers: public/js/interface/composition.js

philosophy: no .spw doc mentions this attribute

data-spw-spirit-phase

values: anchor attune compose connect expression initiation kindle offer orient practice project publish rehearse resistance return revise settle stabilize transformation weave

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

js writers: public/js/runtime/prepaint-state.js

philosophy: no .spw doc mentions this attribute

data-spw-state-accent

js writers: public/js/runtime/site-core-minimal.js

philosophy: no .spw doc mentions this attribute

data-spw-state-block

js writers: public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-body

js writers: public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-dimension

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-dismiss

js writers: public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-inspector

values: closed open

css: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/components/floating-chrome.css public/css/components/runtime-states.css public/css/handles/operators/primitive.css public/css/handles/operators/tokens.css public/css/routes/surfaces/home.css public/css/shell/chrome/adaptive.css public/css/shell/chrome/header.css

js writers: public/js/interface/state-inspector.js public/js/runtime/shell-disclosure.js

philosophy: .spw/conventions/site-semantics.spw

data-spw-state-inspector-close

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-inspector-copy

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-inspector-position

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-inspector-reset-position

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-inspector-status

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-restore

js writers: public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-serialization

js writers: public/js/interface/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-summary

js writers: public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-state-toggle

js writers: public/js/interface/state-inspector.js public/js/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-svg-action-managed

js writers: public/js/media/svg-tunability.js

philosophy: no .spw doc mentions this attribute

data-spw-svg-action-state

values: copied failed

css: public/css/systems/svg-surfaces.css

philosophy: no .spw doc mentions this attribute

data-spw-svg-persona-select-managed

js writers: public/js/media/svg-tunability.js

philosophy: no .spw doc mentions this attribute

data-spw-svg-persona-select-state

values: active

css: public/css/systems/svg-surfaces.css

philosophy: no .spw doc mentions this attribute

data-spw-svg-pointer-managed

js writers: public/js/media/svg-tunability.js

philosophy: no .spw doc mentions this attribute

data-spw-svg-rail-managed

js writers: public/js/media/svg-tunability.js

philosophy: no .spw doc mentions this attribute

data-spw-svg-workbench-managed

js writers: public/js/media/svg-tunability.js

philosophy: no .spw doc mentions this attribute

data-spw-time-capacity-hours

js writers: public/js/modules/tools/budgeting.js

philosophy: no .spw doc mentions this attribute

data-spw-tuning-dimensions

js writers: public/js/runtime/tuning-discovery.js

philosophy: no .spw doc mentions this attribute

data-spw-tuning-lexicon

js writers: public/js/runtime/shell-disclosure.js

philosophy: no .spw doc mentions this attribute

data-spw-typography-measure-state

js writers: public/js/modules/design/typography-measurement-preview.js

philosophy: no .spw doc mentions this attribute

data-spw-variant-bound

js writers: public/js/runtime/variant-selection.js

philosophy: no .spw doc mentions this attribute

data-spw-variant-selection-source

js writers: public/js/runtime/variant-selection.js

philosophy: no .spw doc mentions this attribute

data-spw-variant-selection-weight

values: raised

css: public/css/systems/interaction-progression.css

js writers: public/js/runtime/variant-selection.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-familiarity

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-gradient

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-liminality

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-managed

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-meaning-mode

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-prev-field-wonder

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-prev-memory-match

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-prev-wonder-state

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-signals

js writers: public/js/interface/wonder-memory.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-memory-state

js writers: public/js/interface/wonder-memory.js public/js/runtime/attention/section-handle.js

philosophy: .spw/conventions/ornament-contract.spw

data-spw-world-slot-count

js writers: public/js/modules/rpg-wednesday/world-lab.js

philosophy: no .spw doc mentions this attribute

data-spw-world-slot-kind

values: analog faction place rule

css: public/css/routes/surfaces/rpg-wednesday.css

js writers: public/js/modules/rpg-wednesday/world-lab.js

philosophy: no .spw doc mentions this attribute

CSS files

Each CSS file with its layer, attributes it reads, and tokens it defines.

design/experiments/load-symphony/css/movement-1-2-reading.css

demo bundle — generated by build-demo-bundles.mjs; do not hand-edit

reads attrs: data-spw-accent-palette data-spw-action-tier data-spw-activates data-spw-active data-spw-active-layers data-spw-affordance data-spw-anatomy data-spw-anatomy-ready data-spw-anatomy-stack data-spw-anatomy-state data-spw-animation-throttling data-spw-annotation-scope data-spw-annotation-state data-spw-approach data-spw-arc data-spw-attention data-spw-attentional-weight data-spw-audience data-spw-background-motion data-spw-badge-type data-spw-base-material data-spw-base-metamaterial data-spw-beat data-spw-box-model data-spw-box-presence data-spw-box-settle-phase data-spw-box-story data-spw-brace data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-cadence data-spw-cadence-motion data-spw-capture-mode data-spw-card-state data-spw-category-family data-spw-cauldron-action data-spw-cauldron-action-state data-spw-cauldron-candidate data-spw-cauldron-candidate-visibility data-spw-cauldron-category data-spw-cauldron-collected data-spw-cauldron-cue data-spw-cauldron-discoverability data-spw-cauldron-garden-phase data-spw-cauldron-mirror data-spw-cauldron-output-state data-spw-cauldron-panel data-spw-cauldron-phase data-spw-cauldron-resonance data-spw-cauldron-resonance-operators data-spw-cauldron-state data-spw-cauldron-visibility data-spw-charge data-spw-charge-phase data-spw-chrome-collapse data-spw-chrome-fluid data-spw-chrome-island data-spw-chrome-position data-spw-chrome-role data-spw-chrome-tier data-spw-cognitive-container data-spw-cognitive-handles data-spw-collection-fresh data-spw-collection-status data-spw-color-mode data-spw-color-tuner data-spw-comedic-timing data-spw-component-density data-spw-component-genome data-spw-component-kind data-spw-component-lifecycle data-spw-component-locality data-spw-component-motif data-spw-component-state data-spw-component-variant data-spw-component-variant-active data-spw-composition-flow data-spw-composition-stability data-spw-composition-tier data-spw-concept-label data-spw-condense-tier data-spw-config-domain data-spw-connection-posture data-spw-container data-spw-content data-spw-content-tone data-spw-content-variant data-spw-context data-spw-context-match data-spw-contrast-state data-spw-copy-depth data-spw-copy-depth-resolved data-spw-crossref data-spw-crossref-source data-spw-debug data-spw-debug-layers data-spw-debug-mode data-spw-deep-link data-spw-density data-spw-depth data-spw-design-ecology-packing data-spw-design-interpretation data-spw-developmental-climate data-spw-developmental-indicators data-spw-discharge-kind data-spw-disclosure data-spw-discovery-motion data-spw-display-layer data-spw-drag-state data-spw-dragging data-spw-earned data-spw-edge data-spw-effect-view data-spw-embedded-tuning-host data-spw-emphasis data-spw-empty data-spw-enhancement-level data-spw-evidence data-spw-explore-posture data-spw-express data-spw-feature data-spw-feature-learning data-spw-features data-spw-field-wonder data-spw-fixed-viewport-correction data-spw-floating-chrome data-spw-floating-chrome-bottom data-spw-floating-chrome-competition data-spw-flow data-spw-focus-lens data-spw-font-scale data-spw-font-size-scale data-spw-form data-spw-form-options data-spw-frame data-spw-freshness-pulse data-spw-generated data-spw-genre data-spw-gesture data-spw-gesture-contract data-spw-gesture-hint data-spw-gradient-boundary data-spw-groundable data-spw-grounded data-spw-grounded-in data-spw-guide-kind data-spw-guide-value data-spw-handle data-spw-handle-advanced data-spw-handle-enhanced data-spw-handle-phase data-spw-handle-shell-state data-spw-handle-state data-spw-harmony data-spw-harmony-field data-spw-high-contrast data-spw-hold-state data-spw-hook-variant data-spw-hover-mode data-spw-hydration data-spw-hydration-pass data-spw-hydration-pass-momentum data-spw-hypermedia-extension data-spw-image-discovered data-spw-image-discovery data-spw-image-distribution data-spw-image-interaction-state data-spw-image-lens-active data-spw-image-prominence data-spw-image-reward data-spw-image-shape data-spw-image-state data-spw-image-surface data-spw-image-utilization data-spw-information-reveal data-spw-ingredient-inspect data-spw-ingredient-lab data-spw-ingredient-mode data-spw-ingredient-phase data-spw-ingredient-primed data-spw-inline-tone data-spw-inspect-copy data-spw-inspect-semantic-expanded data-spw-inspect-semantic-focused data-spw-inspect-semantic-match data-spw-inspectability data-spw-intent data-spw-interaction-affordance data-spw-interaction-arc data-spw-interaction-contract data-spw-interaction-destination data-spw-interaction-lane data-spw-interaction-phase data-spw-interaction-posture data-spw-interaction-tuner data-spw-interactive-medium-ready data-spw-interactivity data-spw-key-selection data-spw-kind data-spw-label data-spw-layout data-spw-layout-contract data-spw-layout-flow data-spw-layout-owner data-spw-layout-posture data-spw-layout-tuner data-spw-learnability-ledger data-spw-learnability-posture data-spw-learnability-process data-spw-learnability-resonance data-spw-learnability-stance-label data-spw-learnability-tier data-spw-learnable-dimension data-spw-lens data-spw-lens-chip data-spw-lifecycle data-spw-lifecycle-beat-resolved data-spw-liminality data-spw-line-spacing data-spw-link-intent data-spw-list-behavior data-spw-list-timing data-spw-living-term data-spw-loading-ecology-dimensions data-spw-loading-ecology-genre data-spw-loading-ecology-phase data-spw-loading-ecology-rhythm data-spw-loading-ecology-salience data-spw-loading-ecology-trope data-spw-loading-ecology-twinkle data-spw-locality data-spw-loop-state data-spw-machinability data-spw-meaning-depth data-spw-measure-kind data-spw-medium-register data-spw-memo-wonder data-spw-memory-managed data-spw-menu data-spw-menu-changed data-spw-menu-clarity data-spw-menu-mode data-spw-menu-overlay data-spw-menu-phase data-spw-menu-pressure data-spw-menu-reversible data-spw-menu-topology data-spw-metacognitive-stance data-spw-metamaterial data-spw-microinteraction-pulse data-spw-mirror-label data-spw-module data-spw-module-effect-pulse data-spw-module-effects-active data-spw-module-evaluates data-spw-module-hydration data-spw-module-status data-spw-module-trigger data-spw-module-trigger-status data-spw-module-visuals data-spw-nav-destination data-spw-nav-fit data-spw-nav-tokenized data-spw-notice-click-target data-spw-operator data-spw-origin data-spw-ornament data-spw-overlay data-spw-pack data-spw-pack-occupancy data-spw-pack-span data-spw-pack-tier data-spw-packing-state data-spw-page-arrival data-spw-page-arrival-step data-spw-page-modes data-spw-page-presence data-spw-page-role data-spw-page-section-direction data-spw-page-section-phase data-spw-page-settling data-spw-page-state data-spw-page-state-mirror data-spw-page-tempo data-spw-page-transition-phase data-spw-palette-probe-active data-spw-palette-probe-rail data-spw-palette-resonance data-spw-palette-splash data-spw-palette-trace-count data-spw-palette-treat data-spw-palette-treat-active data-spw-palette-treat-probe data-spw-pedagogical-flavor data-spw-permeability data-spw-persona data-spw-phase-active data-spw-phase-complete data-spw-phase-step data-spw-physics-mass data-spw-physics-reason data-spw-pinch-scaling data-spw-pivot-active data-spw-playing data-spw-pointer-mode data-spw-popped data-spw-popup-collision data-spw-popup-placement data-spw-popup-posture data-spw-popup-vertical data-spw-posture-feedback data-spw-pre-state-visibility data-spw-precipitation-mode data-spw-prefetch-mode data-spw-prefix data-spw-presentation data-spw-pretext-scaffold data-spw-primary-operator data-spw-prime-state data-spw-primed data-spw-print-ready data-spw-promo-theme data-spw-query-parity data-spw-readable data-spw-reading data-spw-reading-beat data-spw-reading-beat-role data-spw-reading-groove data-spw-realization data-spw-reduce-motion data-spw-region data-spw-region-charge data-spw-region-flow data-spw-region-genome data-spw-region-mark data-spw-region-menu-placement data-spw-region-menu-target data-spw-region-preview data-spw-region-purpose data-spw-region-role data-spw-region-state data-spw-register data-spw-resolved-composition-stability data-spw-resonance-axis data-spw-resonance-probe data-spw-reveal-frame data-spw-reveal-phase data-spw-reveal-source data-spw-reward-easter-egg data-spw-reward-reveal data-spw-reward-salience data-spw-reward-tier data-spw-rhythm data-spw-role data-spw-role-cluster data-spw-room data-spw-route-menu-layout data-spw-route-menu-scope data-spw-route-state data-spw-runtime-enhancement-active data-spw-runtime-feature-active data-spw-runtime-layer-pulse data-spw-runtime-mount-batch data-spw-runtime-posture data-spw-runtime-status data-spw-salience-state data-spw-sample-kind data-spw-satchel-anchor data-spw-satchel-positioned data-spw-satchel-rail data-spw-scene-depth data-spw-scene-image-active data-spw-scene-interactive data-spw-scene-lane data-spw-scene-lane-active data-spw-scene-local-state data-spw-scene-posture data-spw-scene-state data-spw-scroll-cadence data-spw-scroll-rail data-spw-section-handle data-spw-section-handle-desktop data-spw-section-has-vocabulary data-spw-section-state data-spw-section-tier data-spw-selection data-spw-selection-state data-spw-semantic-cluster data-spw-semantic-density data-spw-semantic-expression data-spw-semantic-variant data-spw-settings-momentum data-spw-shell-action data-spw-shell-density data-spw-shell-disclosure-init data-spw-shell-end-slot data-spw-shell-layout data-spw-shell-menu-lock data-spw-shell-pointer data-spw-shell-scroll data-spw-shell-scroll-direction data-spw-shell-tune-surface data-spw-show-footer data-spw-show-semantic-metadata data-spw-sigil-role data-spw-signature data-spw-size-context data-spw-skeleton-role data-spw-slot data-spw-slot-active data-spw-slot-label data-spw-snap data-spw-space-motion data-spw-spacing data-spw-spatial-affordance data-spw-spell-candidate data-spw-spell-momentum data-spw-spell-reveal data-spw-spell-state data-spw-spirit-phase data-spw-stance data-spw-state data-spw-state-contract data-spw-state-inspector data-spw-state-inspector-root data-spw-state-toggle-state data-spw-substrate data-spw-succession data-spw-surface data-spw-surface-kind data-spw-svg-companion data-spw-svg-device data-spw-svg-pointer data-spw-svg-pointer-state data-spw-svg-tune-contrast data-spw-svg-tune-motion data-spw-table data-spw-tempo data-spw-tempo-field data-spw-textual-role data-spw-theme-biome data-spw-theme-pack data-spw-toast data-spw-topic data-spw-transition-surface data-spw-trope data-spw-tuning-dimension data-spw-tuning-discoverability data-spw-tuning-pulse data-spw-tuning-surface data-spw-typeset data-spw-typeset-surface data-spw-utility-cluster data-spw-utility-mode data-spw-utility-size data-spw-variant-selected data-spw-viewport data-spw-viewport-tier data-spw-vocab data-spw-vocabulary data-spw-vocabulary-collectible data-spw-vocabulary-term data-spw-wonder data-spw-wonder-block-state data-spw-wonder-state

defines tokens: --active-op-bg-soft --active-op-border --active-op-color --amber --amber-soft --angle-close-color --angle-height --angle-offset --angle-open-color --angle-stroke --angle-width --annotation-accent --annotation-bg --annotation-line --attention-echo-duration --attention-field-decay --attention-field-radius --attention-handle-offset --attention-rail-gap --attention-rail-width --author-annotation-strength --author-draft-privacy --author-margin-presence --author-mode +1366

design/experiments/load-symphony/css/movement-2b-route-topics.css

demo bundle — generated by build-demo-bundles.mjs; do not hand-edit

reads attrs: data-spw-color-mode data-spw-image-hero data-spw-image-prominence data-spw-image-shape data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state data-spw-measure-kind data-spw-slot data-spw-surface

defines tokens: --active-op-color --card-highlight --card-shadow --ink --ink-soft --line --line-strong --mode-switch-active-shadow-intent --mode-switch-pressed-animation-intent --site-header-opacity --spw-image-interaction-contrast --spw-image-interaction-lift --spw-image-interaction-saturate --spw-main-padding-inline --spw-main-width --surface --surface-panel --surface-panel-strong --surface-soft --surface-strong --topic-route-lane-accent --topics-accent --topics-accent-soft --topics-card-shadow +21

design/experiments/load-symphony/css/movement-3-instruments.css

demo bundle — generated by build-demo-bundles.mjs; do not hand-edit

reads attrs: data-spw-active data-spw-address-role data-spw-affordance data-spw-allocation data-spw-annotation-match data-spw-annotation-state data-spw-artifact data-spw-attention data-spw-bookmarked data-spw-breadcrumb-menu-changed data-spw-breadcrumb-menu-clarity data-spw-breadcrumb-menu-mode data-spw-breadcrumb-menu-phase data-spw-breadcrumb-menu-state data-spw-breadcrumb-region-menu data-spw-breadcrumb-reversible data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-cauldron data-spw-cauldron-mirror data-spw-charge data-spw-charge-key data-spw-cognitive-handles data-spw-collected data-spw-color-mode data-spw-concept data-spw-crumb-kind data-spw-current data-spw-debug-layers data-spw-debug-mode data-spw-deep-link data-spw-dimensional-breadcrumbs data-spw-feature data-spw-features data-spw-fixity-tier data-spw-form data-spw-garden-provenance data-spw-gesture data-spw-grounded data-spw-guided data-spw-handle data-spw-hint-density data-spw-hint-surface data-spw-ingredient-primed data-spw-inline-form data-spw-interaction-contract data-spw-knowledge data-spw-latched data-spw-lens-deep-link data-spw-lens-feedback data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state data-spw-liminality data-spw-living-term data-spw-load-posture data-spw-load-timing data-spw-loading-ecology-phase data-spw-loading-ecology-twinkle data-spw-loop-state data-spw-meaning-mode data-spw-measure data-spw-measure-kind data-spw-menu data-spw-menu-mode data-spw-metric-kind data-spw-mirror-label data-spw-module-visuals data-spw-nav-destination data-spw-navigator data-spw-numericity-emphasis data-spw-operator data-spw-operator-brace-bias data-spw-operator-charge-role data-spw-operator-flow data-spw-operator-geometry data-spw-operator-left-role data-spw-operator-reversibility data-spw-operator-right-role data-spw-page-arrival data-spw-page-arrival-step data-spw-page-region-rail data-spw-page-transition-phase data-spw-palette-resonance data-spw-perspective data-spw-pinned data-spw-projection data-spw-proof data-spw-reduce-motion data-spw-region-active data-spw-role data-spw-role-cluster data-spw-selection data-spw-semantic-density data-spw-semantic-expression data-spw-show-semantic-metadata data-spw-sigil-payload-scope data-spw-sigil-position data-spw-sigil-region-tempo data-spw-sigil-role data-spw-sigil-transition data-spw-slot data-spw-spell-path-state data-spw-stance data-spw-state-inspector data-spw-state-inspector-root data-spw-substrate data-spw-surface data-spw-swappable data-spw-touch data-spw-tuning-discoverability data-spw-vocabulary-term data-spw-wonder-state

defines tokens: --active-op-color --brace-close-color --brace-measure-tint --brace-open-color --cauldron-tether --depth-0 --depth-1 --depth-2 --depth-3 --depth-4 --handle-allocation-color --handle-arrival-lift --handle-arrival-opacity --handle-baseline-offset --handle-bg --handle-bg-active --handle-bg-selected --handle-bg-soft --handle-concept --handle-duration --handle-duration-base --handle-duration-deliberate --handle-duration-fast --handle-ease +111

design/experiments/load-symphony/css/movement-4-atmosphere.css

demo bundle — generated by build-demo-bundles.mjs; do not hand-edit

reads attrs: data-spw-accent data-spw-accent-concept data-spw-accent-palette data-spw-active-layers data-spw-affordance data-spw-annotation data-spw-annotation-state data-spw-attention data-spw-author-surface data-spw-base-metamaterial data-spw-box-model data-spw-box-story data-spw-brace-state data-spw-brush-active data-spw-brush-mode data-spw-card-state data-spw-charge data-spw-charge-direction data-spw-child-active data-spw-circuit-role data-spw-collectability data-spw-collected data-spw-collection-intention data-spw-color-mode data-spw-component-id data-spw-component-kind data-spw-composition-flow data-spw-concept data-spw-concept-relation data-spw-context data-spw-contrast-state data-spw-controls-open data-spw-debug data-spw-debug-layers data-spw-debug-mode data-spw-delight data-spw-developmental-climate data-spw-developmental-indicators data-spw-deviation data-spw-effect data-spw-effect-stop data-spw-enhancement-level data-spw-feature data-spw-features data-spw-field-wonder data-spw-filters data-spw-floating-chrome data-spw-form data-spw-gesture data-spw-grain-state data-spw-grain-theme data-spw-groundable data-spw-grounded data-spw-grounding data-spw-handle data-spw-high-contrast data-spw-hold-state data-spw-image-effect data-spw-image-gesture data-spw-image-input data-spw-image-layout data-spw-image-preview data-spw-image-prominence data-spw-image-resonance data-spw-image-state data-spw-ingredient-primed data-spw-inspect-semantic-expanded data-spw-inspect-semantic-focused data-spw-inspect-semantic-match data-spw-interaction-context data-spw-interaction-tuner data-spw-interaction-wonder data-spw-kind data-spw-latched data-spw-layout data-spw-layout-owner data-spw-learning-mode data-spw-learning-surface data-spw-lore-role data-spw-measure-kind data-spw-medium data-spw-menu-mode data-spw-menu-overlay data-spw-metacognitive-stance data-spw-metamaterial data-spw-module data-spw-module-evaluates data-spw-narrative-copy data-spw-narrative-mode data-spw-operational-visibility data-spw-operator data-spw-ornament data-spw-ornament-axis data-spw-ornament-density data-spw-ornament-state data-spw-overlay data-spw-override-state data-spw-page-family data-spw-page-primary-action data-spw-page-responsibility data-spw-page-role data-spw-page-status data-spw-page-zone data-spw-parallel data-spw-permeability data-spw-persona data-spw-phase-indicators data-spw-physics data-spw-pinned data-spw-promptability data-spw-publication data-spw-reduce-motion data-spw-region-role data-spw-related-routes data-spw-relation data-spw-resonance data-spw-resonance-probe data-spw-resonance-token data-spw-resonant data-spw-role data-spw-role-cluster data-spw-room data-spw-route-family data-spw-route-link data-spw-salience-state data-spw-scroll-cadence data-spw-section-state data-spw-selection data-spw-semantic-cluster data-spw-semantic-density data-spw-semantic-expression data-spw-semantic-owner data-spw-semantics data-spw-sequence-state data-spw-show-semantic-metadata data-spw-sibling-resonance data-spw-sigil data-spw-site-rhythm data-spw-slot data-spw-spirit-phase data-spw-stage data-spw-stance data-spw-substrate data-spw-succession data-spw-surface data-spw-swipe data-spw-topic data-spw-typeset-surface data-spw-visit-burst data-spw-visited data-spw-visual-cues data-spw-vocabulary-term data-spw-wall data-spw-wonder data-spw-wonder-block-state data-spw-wonder-state

defines tokens: --active-op-color --badge-bg --badge-text --brace-edge-alpha --brace-glow-alpha --brace-inner-density --canvas-blend --canvas-opacity --card-border-emphasis --charge --charge-accent --charge-ink --charge-kinetic --charge-manifest --charge-none --charge-potential --charge-state --charge-wash --cinematic-arrive-duration --cinematic-arrive-ease --cinematic-climate-atmosphere --cinematic-climate-charge-bias --cinematic-climate-clarity --cinematic-climate-memory +304

public/css/components/card-ecology.css

components/card-ecology.css -------------------------------------------------------------------------- Card spacing, charge/discharge, machinability, regional/nook layout, cauldron footer. RPG Wednesday / component ecology experiments (data-spw-spacing, data-spw-charge).

reads attrs: data-spw-active data-spw-badge-type data-spw-card-state data-spw-charge data-spw-chrome-tier data-spw-collection-status data-spw-component-locality data-spw-concept-label data-spw-gesture data-spw-kind data-spw-locality data-spw-machinability data-spw-page-role data-spw-prefix data-spw-region data-spw-region-role data-spw-selection data-spw-spacing data-spw-state-contract data-spw-toast

defines tokens: --card-internal-gap --card-rhythm --card-secondary-opacity

public/css/components/cards.css

components/cards.css -------------------------------------------------------------------------- Frame cards, link cards, and inner type hygiene for reusable card composition.

reads attrs: data-spw-card-state data-spw-category-family data-spw-cauldron-candidate-visibility data-spw-cauldron-category data-spw-component-variant data-spw-content-tone data-spw-content-variant data-spw-evidence data-spw-form data-spw-gesture data-spw-kind data-spw-nav-tokenized data-spw-region data-spw-role

defines tokens: --card-internal-gap --card-rhythm --card-secondary-opacity --card-secondary-shift --card-secondary-weight --cauldron-highlight --region-jump-target --spw-content-variant-accent --spw-content-variant-gap --spw-content-variant-pad --spw-debug-layer-color --spw-debug-layer-owner

public/css/components/cards/payment-card.css

payment-card.css -------------------------------------------------------------------------- Purpose - Distinct card component for payment / support links. - Built to reduce pressure for anxious users by making state legible, gentle, and non-punitive. - Designed for beautiful screenshots, theming, and downstream artistic / illustrative reinterpretation. - HTML can grow later; this file exposes a richer vocabulary now so the markup can adopt it gradually. Interaction philosophy - Missing fields should feel quiet, not alarming. - Optionality should be visible without becoming clutter. - State cha

defines tokens: --amount-bg --amount-bg-hover --amount-bg-selected --amount-border --card-bg --card-bg-soft --card-border-color --card-border-strong --card-font --card-max-width --card-padding --card-radius --card-shadow --card-shadow-active --card-text --card-text-faint --card-text-soft --hint-bg --link-bg --link-bg-hover --link-bg-selected --link-border --link-border-strong --link-min-height +12

public/css/components/cards/profile-card.css

profile-card.css -------------------------------------------------------------------------- Purpose - A composable professional identity card with room for growth, iteration, and stateful profile development. - Regions: header / badges / sections / footer / wizard / export actions. - This file should encourage deeper profile development by making maturity, completeness, openness, focus, and motion visible in subtle ways. Notes - Variants are additive and can be combined: .profile-card--screenshot .profile-card--compact .profile-card--feature .profile-card--resume .profile-card--explorer .profi

defines tokens: --card-charge --profile-accent --profile-accent-line --profile-accent-soft --profile-duration-base --profile-duration-deliberate --profile-duration-fast --profile-ease --profile-field-line --profile-gap-1 --profile-gap-2 --profile-gap-3 --profile-gap-4 --profile-gap-5 --profile-ink --profile-ink-faint --profile-ink-mid --profile-ink-soft --profile-line --profile-line-soft --profile-line-strong --profile-pad-block --profile-pad-inline --profile-radius +8

public/css/components/cards/seed-card.css

seed-card.css -------------------------------------------------------------------------- Purpose - A dimensional Spw-native vessel for capturing, shaping, and transmitting annual seeds. - Role: vessel — holds the shape of intent after the feeling fades. - Form: brace / layered vessel — left edge accumulates, right edge releases. - State contract: empty → filling → complete → sealed - Serialization: ^seed[...]{...} Spw block Design goals - Feel native to the Spw ecosystem rather than merely "form-like". - Expose semantic depth, substrate, staging, and projection through CSS. - Give JS rich vari

reads attrs: data-spw-role data-spw-stage data-spw-state data-spw-touch

defines tokens: --card-charge --seed-accent --seed-accent-quiet --seed-accent-soft --seed-border-alpha --seed-depth --seed-field-fill-alpha --seed-field-gap --seed-frame-line --seed-frame-line-strong --seed-ink --seed-ink-faint --seed-ink-mid --seed-ink-soft --seed-left-glow --seed-pad-x --seed-pad-y --seed-radius --seed-radius-pill --seed-radius-tight --seed-right-release --seed-surface-opacity --seed-transition-base --seed-transition-emit +1

public/css/components/cauldron.css

components/cauldron.css — the working vessel -------------------------------------------------------------------------- Reads as: the cauldron's bench chrome — phase rail, floating chip, and mobile panel collapse for the footer gathering vessel where spells are made and remade. Genome — states sensed: data-spw-cauldron-state (G1 bundle: phase axis), data-spw-cauldron-action, data-spw-cauldron-collected, data-spw-cauldron-cue, data-spw-cauldron-discoverability, data-spw-cauldron-garden-phase, data-spw-cauldron-output-state, data-spw-cauldron-panel, data-spw-cauldron-resonance(-operators), data-

reads attrs: data-spw-cauldron-action data-spw-cauldron-action-state data-spw-cauldron-collected data-spw-cauldron-cue data-spw-cauldron-discoverability data-spw-cauldron-garden-phase data-spw-cauldron-output-state data-spw-cauldron-panel data-spw-cauldron-resonance data-spw-cauldron-resonance-operators data-spw-cauldron-state data-spw-debug-layers data-spw-phase-active data-spw-phase-complete data-spw-phase-step data-spw-spell-reveal data-spw-spell-state

public/css/components/content.css

components/content.css -------------------------------------------------------------------------- Content utilities: meaningful cards, grouping grids, references, chips, notes, lists, and media figures.

reads attrs: data-spw-accent-palette data-spw-attention data-spw-box-model data-spw-composition-flow data-spw-density data-spw-discovery-motion data-spw-image-discovered data-spw-image-discovery data-spw-image-reward data-spw-ingredient-lab data-spw-ingredient-mode data-spw-kind data-spw-label data-spw-lens data-spw-list-timing data-spw-pack data-spw-pack-span data-spw-reading data-spw-table data-spw-textual-role data-spw-viewport-tier

defines tokens: --component-gap-tight --component-pad --frame-list-inline-accent --frame-list-inline-ink --frame-list-inline-line --operator-chip-active-bg-intent --operator-chip-active-border-intent --operator-chip-active-shadow-intent --spw-amount-accent --spw-character-card-accent --spw-grid-gap-active --spw-grid-gap-base --spw-grid-gap-compact --spw-grid-gap-mid --spw-grid-gap-narrow --spw-grid-min-active --spw-grid-min-base --spw-grid-min-compact --spw-grid-min-mid --spw-grid-min-narrow --spw-ingredient-lab-accent --spw-list-step-index --spw-role-hook-min --spw-route-choice-min +3

public/css/components/embedded-workshop.css

embedded-workshop.css -------------------------------------------------------------------------- Compact route-embedded tuning frames (exported from home climate-tuning).

public/css/components/floating-chrome.css

floating-chrome.css -------------------------------------------------------------------------- Purpose - Define shared layer and containment semantics for runtime-created chrome: popovers, drawers, toasts, route menus, section handles, and status panels. - Keep feature files responsible for visual personality, not z-index policy.

reads attrs: data-spw-bottom-lane-managed data-spw-bottom-lane-mode data-spw-bottom-lane-nav data-spw-chrome-collapse data-spw-chrome-fluid data-spw-chrome-role data-spw-chrome-tier data-spw-collection-fresh data-spw-discovery-notices-active data-spw-earned data-spw-enhancement-level data-spw-fixed-viewport-correction data-spw-floating-chrome data-spw-floating-chrome-bottom data-spw-floating-chrome-competition data-spw-handle-shell-state data-spw-handle-state data-spw-layout-owner data-spw-menu data-spw-menu-mode data-spw-metamaterial data-spw-overlay data-spw-physics-reason data-spw-popup-collision data-spw-popup-placement data-spw-popup-vertical data-spw-reduce-motion data-spw-reward-easter-egg data-spw-reward-reveal data-spw-reward-salience data-spw-reward-tier data-spw-satchel-anchor data-spw-satchel-positioned data-spw-snap data-spw-state data-spw-state-inspector data-spw-state-inspector-root data-spw-toast

defines tokens: --chrome-font --chrome-gap --chrome-pad --spw-bottom-lane-console --spw-bottom-lane-handle --spw-bottom-lane-pager --spw-bottom-lane-satchel --spw-floating-bottom-rail --spw-floating-discovery-stack-lift --spw-floating-handle-inline-end --spw-floating-handle-inline-start --spw-floating-handle-max-inline-size --spw-floating-handle-transform --spw-floating-inline-gutter --spw-floating-lane-gap --spw-floating-left-lane-max --spw-floating-menu-clearance --spw-floating-quiet-opacity --spw-floating-safe-inset --spw-floating-satchel-lane --spw-floating-secondary-opacity --spw-floating-slot-bottom-base --spw-floating-slot-console --spw-floating-slot-control +10

public/css/components/foundation.css

components/foundation.css -------------------------------------------------------------------------- Component-layer foundations: tokens, ownership boundaries, slots, module semantics, bleed, and stance utilities.

reads attrs: data-spw-active-layers data-spw-box-model data-spw-box-presence data-spw-box-story data-spw-card-state data-spw-cauldron-candidate data-spw-cauldron-candidate-visibility data-spw-cauldron-category data-spw-charge data-spw-component-genome data-spw-component-kind data-spw-component-locality data-spw-component-state data-spw-composition-flow data-spw-context-match data-spw-debug-mode data-spw-empty data-spw-floating-chrome data-spw-generated data-spw-gesture data-spw-gesture-contract data-spw-groundable data-spw-harmony-field data-spw-high-contrast data-spw-image-surface data-spw-ingredient-primed data-spw-kind data-spw-lifecycle data-spw-living-term data-spw-locality data-spw-machinability data-spw-metamaterial data-spw-module data-spw-module-evaluates data-spw-module-hydration data-spw-module-status data-spw-module-visuals data-spw-nav-tokenized data-spw-physics-reason data-spw-prime-state data-spw-region data-spw-region-flow data-spw-region-genome data-spw-region-role data-spw-region-state data-spw-runtime-mount-batch data-spw-salience-state data-spw-show-semantic-metadata data-spw-slot data-spw-space-motion data-spw-spacing data-spw-spell-candidate data-spw-stance

defines tokens: --attention-echo-duration --cauldron-candidate-wash --cauldron-highlight --component-accent --component-accent-emphasis --component-accent-secondary --component-accent-soft --component-accent-strong --component-accent-subtle --component-accent-wash --component-border --component-border-quiet --component-border-strong --component-card-detail-opacity --component-card-detail-shift --component-card-detail-weight --component-chip-height --component-code-measure --component-frame-shadow --component-frame-shadow-active --component-gap --component-gap-loose --component-gap-roomy --component-gap-tight +70

public/css/components/frame-controls.css

frame-controls.css -------------------------------------------------------------------------- Distinguish lens (content filter) from form (structural grammar) controls.

reads attrs: data-spw-form-options data-spw-tuning-discoverability

defines tokens: --spw-control-axis --spw-control-axis-color

public/css/components/frames.css

components/frames.css -------------------------------------------------------------------------- Site-frame structure, frame stance, hero thresholds, and metamaterial selectors.

reads attrs: data-spw-active data-spw-annotation-scope data-spw-attention data-spw-component-kind data-spw-content-tone data-spw-design-interpretation data-spw-gesture data-spw-hook-variant data-spw-kind data-spw-meaning-depth data-spw-memory-managed data-spw-metamaterial data-spw-operator data-spw-role data-spw-section-state data-spw-section-tier data-spw-semantic-expression data-spw-size-context data-spw-slot

defines tokens: --cognitive-container-tint --component-material-bg --component-material-border --component-material-shadow --component-measure --frame-arrival-offset --frame-arrival-opacity --interaction-excitement --meaning-contrast --meaning-density --site-frame-seam-color --surface-gap --surface-padding

public/css/components/gesture-anatomy.css

components/gesture-anatomy.css -------------------------------------------------------------------------- Slot anatomy rails and gesture-contract learnability — how components invite tap, hold, and inspect without rewriting content. Synergy: themes (color-mode, metamaterial, biome, palette), modules (component-semantics resolved contracts, module-effects, settings).

reads attrs: data-spw-anatomy-stack data-spw-anatomy-theme-link data-spw-anatomy-theming data-spw-base-metamaterial data-spw-cognitive-handles data-spw-color-mode data-spw-gesture data-spw-gesture-anatomy data-spw-gesture-contract-resolved data-spw-gesture-hint data-spw-interaction-tuner data-spw-module-effects-active data-spw-palette-resonance data-spw-reduce-motion data-spw-slot data-spw-slot-active data-spw-slot-label data-spw-theme-biome data-spw-tuning-discoverability

defines tokens: --gesture-anatomy-accent --gesture-anatomy-duration --gesture-anatomy-ease --gesture-anatomy-ink --gesture-anatomy-ink-soft --gesture-anatomy-opacity --gesture-anatomy-ring --gesture-anatomy-size --gesture-anatomy-surface

public/css/components/page-anatomy.css

page-anatomy.css -------------------------------------------------------------------------- Purpose - Literal website/reference-document anatomy labels. - Route-specific vocabulary anchors for restaurant and garden metaphors. - Floating island containment hooks shared by runtime chrome.

reads attrs: data-spw-anatomy data-spw-anatomy-ready data-spw-anatomy-state data-spw-audience data-spw-base-metamaterial data-spw-chrome-island data-spw-color-mode data-spw-comedic-timing data-spw-disclosure data-spw-floating-chrome data-spw-gesture-anatomy data-spw-inline-tone data-spw-palette-trace-count data-spw-popup-posture data-spw-spatial-affordance data-spw-state-inspector-root data-spw-theme-biome data-spw-trope data-spw-vocabulary

defines tokens: --spw-anatomy-color --spw-anatomy-color-local --spw-anatomy-highlight --spw-anatomy-surface-local --spw-chrome-block-gutter --spw-chrome-inline-gutter --spw-floating-tier-z --spw-inline-tone-bg --spw-inline-tone-color --spw-overlay-light-wash --spw-overlay-shadow-lift --spw-overlay-shadow-rest --spw-popup-double-tap-window --spw-popup-hold-open-delay --spw-popup-preview-delay

public/css/components/pretext.css

components/pretext.css -------------------------------------------------------------------------- Pretext flow host styles and grammar-aware text presentation.

reads attrs: data-spw-debug data-spw-flow data-spw-pretext-scaffold

defines tokens: --pretext-line-gap --pretext-local-pad --pretext-local-radius

public/css/components/query-composer.css

query-composer.css -------------------------------------------------------------------------- Embeddable share-setup UI for feature hubs and floating chrome (state satchel). Instruments live in query-link-composer.js; this file owns layout + expand.

reads attrs: data-spw-feature data-spw-floating-chrome-competition data-spw-module-visuals data-spw-query-composer-actions data-spw-query-composer-compact data-spw-query-composer-expanded data-spw-query-composer-fields data-spw-query-composer-include-settings data-spw-query-composer-key data-spw-query-composer-preview data-spw-query-composer-state

defines tokens: --chrome-pad

public/css/components/runtime-states.css

components/runtime-states.css -------------------------------------------------------------------------- Selection, active, accessibility, visibility, and responsive component states.

reads attrs: data-spw-anatomy-stack data-spw-box-model data-spw-box-presence data-spw-box-story data-spw-brace data-spw-breadcrumb-state data-spw-cognitive-handles data-spw-color-mode data-spw-connection-posture data-spw-content data-spw-debug data-spw-debug-mode data-spw-deep-link data-spw-density data-spw-drag-state data-spw-dragging data-spw-effect-pulse data-spw-effects data-spw-feature data-spw-feature-encounter data-spw-feature-lab data-spw-feature-learning data-spw-floating-chrome data-spw-flow data-spw-handle data-spw-harmony data-spw-high-contrast data-spw-image-discovery data-spw-image-reward data-spw-interaction-affordance data-spw-interaction-contract data-spw-kind data-spw-lens-chrome data-spw-lens-track data-spw-loading-ecology-dimensions data-spw-loading-ecology-genre data-spw-loading-ecology-phase data-spw-loading-ecology-rhythm data-spw-loading-ecology-salience data-spw-loading-ecology-trope data-spw-loading-ecology-twinkle data-spw-loop-state data-spw-module data-spw-module-effect-pulse data-spw-module-effects-active data-spw-module-hydration data-spw-module-trigger data-spw-module-trigger-status data-spw-module-updates-brief data-spw-module-updates-contract data-spw-module-updates-flourishes data-spw-module-updates-kinds data-spw-module-updates-readable data-spw-module-updates-roles data-spw-module-visuals data-spw-page-arrival data-spw-page-section-direction data-spw-page-section-phase data-spw-page-state data-spw-page-state-mirror data-spw-page-transition-phase data-spw-prefetch-mode data-spw-reduce-motion data-spw-region-genome data-spw-region-state data-spw-runtime-enhancement-active data-spw-runtime-feature-active data-spw-runtime-idle-chunk data-spw-runtime-idle-chunks data-spw-runtime-layer-pulse data-spw-runtime-mount-batch data-spw-runtime-stage data-spw-satchel-anchor data-spw-satchel-positioned data-spw-satchel-rail data-spw-scroll-cadence data-spw-section-state data-spw-selection data-spw-settings-momentum data-spw-slot data-spw-slot-label data-spw-spell-momentum data-spw-state-inspector data-spw-state-inspector-root data-spw-state-toggle-state data-spw-surface data-spw-tempo

defines tokens: --component-accent --component-border --component-border-strong --component-gap-tight --component-module-rail-opacity --component-pad --spw-box-model-rail-opacity --spw-box-model-rail-width --spw-component-settle-transition --spw-component-transition-arrival --spw-ecology-arrival-bias --spw-ecology-beat-align --spw-ecology-readiness-ring-strength --spw-ecology-salience-shift --spw-ecology-settle-weight --spw-ecology-trope-weight --spw-ecology-twinkle --spw-effect-ledger-scale --spw-effect-pulse-active --spw-effect-pulse-ring --spw-effect-surface --spw-feature-island-ring --spw-feature-lab-cue --spw-hydration-ready-shadow +29

public/css/components/semantic-learning.css

components/semantic-learning.css -------------------------------------------------------------------------- Metacognitive learning surfaces: learning-game loop, emphasis tiers, resonance lab. See .spw/conventions/coloring-depth.spw and semantic-copy-depth plan.

reads attrs: data-spw-emphasis data-spw-resonance-axis data-spw-runtime-posture

defines tokens: --component-route-accent --spw-emphasis-accent --spw-learning-accent --spw-resonance-axis-opacity --spw-resonance-ground --spw-resonance-line

public/css/components/semantic-resonance.css

components/semantic-resonance.css -------------------------------------------------------------------------- Vocabulary clusters, crossrefs, route bridges, wisdom decks, cuisine taxonomy.

reads attrs: data-spw-background-motion data-spw-charge data-spw-crossref data-spw-crossref-source data-spw-developmental-climate data-spw-font-size-scale data-spw-list-behavior data-spw-palette-resonance data-spw-runtime-posture data-spw-semantic-cluster data-spw-semantic-density data-spw-semantic-expression data-spw-transition-surface data-spw-vocab

defines tokens: --spw-cluster-accent --spw-cluster-line --spw-cuisine-accent --spw-list-charge-gap --spw-route-bridge-accent --spw-transition-surface-name --spw-wisdom-accent

public/css/components/semantic-variants.css

components/semantic-variants.css -------------------------------------------------------------------------- Component variant accents, lifecycle states, link-intent coloring, settings clusters.

reads attrs: data-spw-component-genome data-spw-component-lifecycle data-spw-component-state data-spw-component-variant data-spw-copy-depth data-spw-copy-depth-resolved data-spw-empty data-spw-lifecycle-beat-resolved data-spw-link-intent data-spw-module-visuals data-spw-region data-spw-region-role data-spw-semantic-density data-spw-semantic-expression

defines tokens: --spw-copy-depth-accent --spw-ecology-settle-weight --spw-interaction-phase-weight --spw-physics-damping --spw-physics-mass --spw-physics-stiffness --spw-region-local-fill --spw-region-local-line --spw-variant-accent --spw-variant-line

public/css/components/shell-controls.css

components/shell-controls.css -------------------------------------------------------------------------- Shell header tune dial, utility clusters, and quick-display control grammar. Placement and grid ownership stay in shell/chrome.css.

reads attrs: data-spw-base-material data-spw-base-metamaterial data-spw-cauldron-visibility data-spw-color-mode data-spw-font-scale data-spw-high-contrast data-spw-menu-mode data-spw-posture-feedback data-spw-shell-action data-spw-utility-cluster data-spw-utility-mode data-spw-utility-size

public/css/components/signals.css

components/signals.css -------------------------------------------------------------------------- Operator accent mapping, arrival states, and component presence signals.

reads attrs: data-spw-arc data-spw-box-settle-phase data-spw-component-kind data-spw-feature data-spw-interaction-arc data-spw-kind data-spw-loading-ecology-phase data-spw-page-arrival data-spw-page-arrival-step data-spw-page-presence data-spw-page-settling data-spw-page-tempo data-spw-page-transition-phase data-spw-primary-operator data-spw-route-state data-spw-slot data-spw-tempo-field

defines tokens: --component-arrival-offset --component-arrival-opacity --component-feature-accent --component-route-accent --component-transition-arrival --frame-arrival-offset --frame-arrival-opacity --site-frame-seam-color --spw-arc-color --spw-page-arrival-duration --spw-page-arrival-step-2-delay --spw-page-arrival-step-3-delay --spw-page-return-duration --spw-region-profile-refresh-duration --spw-settle-stagger-step --spw-site-rhythm-tempo

public/css/components/site-search.css

site-search.css — route probe dialog + page host -------------------------------------------------------------------------- Sitewide search over public/data/site-search-index.json. Pairs with public/js/runtime/site-search.js.

reads attrs: data-spw-motion data-spw-search-selection-pulse data-spw-site-search

defines tokens: --spw-interaction-phase-weight --spw-site-search-duration

public/css/components/surfaces.css

components/surfaces.css -------------------------------------------------------------------------- Reusable card and panel surface shells shared across routes.

reads attrs: data-spw-slot

defines tokens: --component-arrival-offset --component-arrival-opacity --component-surface-lift --component-text --component-text-soft --media-focus-accent --spw-depth --spw-utility

public/css/components/typography-packing.css

typography-packing.css -------------------------------------------------------------------------- Unified typography measure + component packing tiers across frames, panels, cards, and surface grids. Settings line-spacing and component density attrs route into the same token ladder. Vocabulary (canonical + aliases) lives in tokens/dimensions.css: compact | balanced | roomy Aliases: dense→compact, soft/spacious→roomy Occupancy: sparse→compact, full→roomy

reads attrs: data-spw-component-density data-spw-composition-flow data-spw-density data-spw-line-spacing data-spw-measure-kind data-spw-pack data-spw-pack-occupancy data-spw-packing-state data-spw-slot data-spw-typeset-surface

defines tokens: --component-gap --component-pad --flow-space --pack-tier-balanced-flow --pack-tier-balanced-gap --pack-tier-balanced-grid --pack-tier-balanced-measure --pack-tier-balanced-pad --pack-tier-compact-flow --pack-tier-compact-gap --pack-tier-compact-grid --pack-tier-compact-measure --pack-tier-compact-pad --pack-tier-roomy-flow --pack-tier-roomy-gap --pack-tier-roomy-grid --pack-tier-roomy-measure --pack-tier-roomy-pad --site-line-height --spw-flow-space --spw-grid-min-active --surface-gap --surface-padding

public/css/compose.css

compose.css -------------------------------------------------------------------------- Portable composition entrypoint. Use this when another site wants Spw theming, component grammar, and handle styling without the full spwashi.com shell, route surfaces, or ornament layer. Keep this file import-only so it stays useful as a standalone bundle.

public/css/effects/cinematic.css

cinematic.css -------------------------------------------------------------------------- Purpose - Shared motion, field, and depth physics for Spw surfaces and handles. - Consumes semantic state from bus-driven charge, developmental climate, component semantics, and authored HTML attributes. - Serves as a seed layer for ethos: not just "animation", but the felt mechanics of attention, pressure, memory, and release.

reads attrs: data-spw-affordance data-spw-annotation-state data-spw-brace-state data-spw-charge data-spw-charge-direction data-spw-field-wonder data-spw-form data-spw-gesture data-spw-groundable data-spw-grounded data-spw-handle data-spw-inspect-semantic-expanded data-spw-inspect-semantic-focused data-spw-inspect-semantic-match data-spw-kind data-spw-latched data-spw-learning-mode data-spw-operator data-spw-parallel data-spw-physics data-spw-pinned data-spw-resonance data-spw-role data-spw-selection data-spw-sigil data-spw-wall

defines tokens: --brace-edge-alpha --brace-glow-alpha --brace-inner-density --charge --cinematic-arrive-duration --cinematic-arrive-ease --cinematic-climate-atmosphere --cinematic-climate-charge-bias --cinematic-climate-clarity --cinematic-climate-memory --cinematic-climate-pressure --cinematic-climate-resonance --cinematic-climate-selection-bias --cinematic-depth-scale --cinematic-dwell-duration --cinematic-dwell-ease --cinematic-field-color --cinematic-field-opacity --cinematic-field-radius --cinematic-glow-scale --cinematic-intensity --cinematic-outline-alpha --cinematic-outline-scale --cinematic-release-duration +9

public/css/effects/circuit-anatomy.css

circuit-anatomy.css -------------------------------------------------------------------------- Opt-in electrical component anatomy for frames and cards.

reads attrs: data-spw-circuit-role data-spw-features

defines tokens: --spw-circuit-color --spw-circuit-line --spw-circuit-wash

public/css/effects/debug.css

debug.css -------------------------------------------------------------------------- Purpose - Debug-only overlays for page surface -> feature/module -> slots. - Optional layer-owner labels for cascade-resolved diagnostic markers. Activation - html[data-spw-debug-mode="on"] or [data-spw-debug~="css"] or [data-spw-debug~="layout"]. - html[data-spw-debug-layers="on"] or [data-spw-debug~="layers"]. Ownership - Expose structure only; move required UI rules to the semantic owner. - Layer labels show diagnostic owner markers, not full CSS provenance.

reads attrs: data-spw-accent data-spw-box-model data-spw-box-story data-spw-charge data-spw-component-id data-spw-component-kind data-spw-composition-flow data-spw-context data-spw-debug data-spw-debug-layers data-spw-debug-mode data-spw-feature data-spw-floating-chrome data-spw-kind data-spw-layout data-spw-layout-owner data-spw-metamaterial data-spw-module data-spw-module-evaluates data-spw-ornament-state data-spw-page-family data-spw-page-primary-action data-spw-page-responsibility data-spw-page-role data-spw-page-status data-spw-page-zone data-spw-route-family data-spw-semantic-owner data-spw-slot data-spw-surface data-spw-wonder-state

defines tokens: --spw-css-debug-color --spw-layer-debug-color

public/css/effects/demos.css

demos.css -------------------------------------------------------------------------- Purpose: - Documentation, lab, and pattern-library components. - Houses Specimen Indexes, Kernel Code blocks, Demo surfaces, and Fiber Linguistic visualizers. - Entirely portable: relies on global tokens, not route-specific scoping.

reads attrs: data-spw-operator

defines tokens: --spw-demo-accent

public/css/effects/developmental-climate.css

developmental-climate.css -------------------------------------------------------------------------- Purpose: - Treats "climate" as editorial/learning weather rather than a full theme. - Uses subtle structural, spatial, and interaction cues. - Maintains full backward compatibility with older [data-spw-spirit-phase]. - Consumes modern --climate-* variables when available.

reads attrs: data-spw-annotation data-spw-author-surface data-spw-color-mode data-spw-developmental-climate data-spw-developmental-indicators data-spw-gesture data-spw-grounded data-spw-high-contrast data-spw-latched data-spw-learning-surface data-spw-phase-indicators data-spw-pinned data-spw-publication data-spw-reduce-motion data-spw-relation data-spw-role data-spw-selection data-spw-spirit-phase data-spw-typeset-surface

defines tokens: --badge-bg --badge-text --card-border-emphasis --climate-accent --climate-accent-ink --climate-accent-line --climate-accent-line-strong --climate-accent-wash --climate-accent-wash-strong --climate-anchor-accent --climate-annotation --climate-annotation-strength --climate-atmosphere-bias --climate-badge-bg --climate-badge-text --climate-charge-bias --climate-clarity --climate-clarity-bias --climate-connection-strength --climate-density --climate-frame-header-line --climate-frame-left-rail --climate-gap-scale --climate-hint-opacity +56

public/css/effects/electromagnetic-container.css

electromagnetic-container.css -------------------------------------------------------------------------- Charged Paper Containers Containers hold state through crease weight, edge bias, and braced labels. The metaphor remains charge/coherence, but the material is paper-machine. Enhanced for dynamic text contrast and thematic resonance.

defines tokens: --charge-accent --charge-ink --charge-kinetic --charge-manifest --charge-none --charge-potential --charge-state --charge-wash --coherence --conception-color --field-intensity --kinetic-color --manifest-color --potential-color --resonance-ease --resonance-freq

public/css/effects/enhancements.css

enhancements.css -------------------------------------------------------------------------- Progressive enhancement layer. These selectors make planned features easier to read, but they do not own route structure. Removing this file should leave the pages navigable. Integrated with Spw semantic tokens, surface depths, and motion grammar.

public/css/effects/enrichment.css

enrichment.css -------------------------------------------------------------------------- Purpose: - Touch ecology, swipe physics, and enriched code block interactions. - Establishes strict boundaries for CSS scroll-snapping and prepares state hooks for JavaScript physics handoffs.

reads attrs: data-spw-collectability data-spw-concept data-spw-context data-spw-developmental-indicators data-spw-feature data-spw-grounding data-spw-ingredient-primed data-spw-interaction-tuner data-spw-measure-kind data-spw-metacognitive-stance data-spw-operational-visibility data-spw-operator data-spw-promptability data-spw-related-routes data-spw-role data-spw-semantic-cluster data-spw-semantic-expression data-spw-swipe data-spw-vocabulary-term data-spw-wonder

defines tokens: --spw-perspective-salience --spw-perspective-salience-color

public/css/effects/grain-texture.css

grain-texture.css -------------------------------------------------------------------------- Purpose - Subtle substrate texture providing tactile depth, semantic atmosphere, and artist-friendly background panels behind type. - Grain reads as layered material (texture + shadow/glow context), never raw visual noise. - Theming substrate for CSS + JS effects: grain, paper bloom, edge shadow, ambient residue, panel glow, and focusable overlays. Design stance - Body grain = ambient field memory - Surface grain = local material presence - Handle grain = smallest, quietest tactile cue - Glow/sh

reads attrs: data-spw-charge data-spw-color-mode data-spw-context data-spw-developmental-climate data-spw-enhancement-level data-spw-field-wonder data-spw-gesture data-spw-grain-state data-spw-grain-theme data-spw-grounded data-spw-high-contrast data-spw-latched data-spw-overlay data-spw-permeability data-spw-pinned data-spw-room data-spw-semantic-density data-spw-succession

defines tokens: --grain-ambient-tint --grain-atmosphere-bias --grain-blend --grain-body-contrast --grain-body-opacity --grain-body-scale --grain-glow-strength --grain-handle-contrast --grain-handle-opacity --grain-handle-scale --grain-memory-bias --grain-opacity --grain-panel-edge --grain-panel-edge-local --grain-panel-fill --grain-panel-fill-local --grain-panel-fill-strong --grain-panel-glow --grain-panel-glow-local --grain-panel-inset-highlight --grain-panel-overlay-local-opacity --grain-panel-overlay-opacity --grain-panel-rim-local-opacity --grain-panel-rim-opacity +15

public/css/effects/living-motions.css

living-motions.css — discoverable Spw balance-physics cues on living terms -------------------------------------------------------------------------- Resolution moves from operator-balance-physics.spw: pair | anchor | collapse | lift | tether | seal | discharge Spent on [data-spw-motion] living concepts and brace hosts. Soft, reduced-motion aware — not a full physics engine.

reads attrs: data-spw-cauldron-candidate data-spw-cognitive-handles data-spw-debug-mode data-spw-form data-spw-geometry data-spw-gesture data-spw-living-term data-spw-motion data-spw-prime-state

defines tokens: --spw-motion-duration --spw-motion-ease

public/css/effects/material.css

material.css -------------------------------------------------------------------------- Purpose: - Physics-informed material language for Spwashi.com. - Provide depth, context, and low-cost material tuning for cards, panels, chips, scenes, and text hosts. - Support present interaction systems and modern oklab/oklch color mixing. Tunable material surface: the combination of data-spw-base-metamaterial (glass/matte from site-settings/prepaint), data-spw-physics-reason, semanticDensity, and these rules lets the entire visual substrate (ink strength, blur, lift, contrast) be dialed live. Valuable f

reads attrs: data-spw-attention data-spw-base-metamaterial data-spw-charge data-spw-component-kind data-spw-filters data-spw-high-contrast data-spw-kind data-spw-lore-role data-spw-metamaterial data-spw-overlay

defines tokens: --interaction-excitement --interaction-glow --material-blur-card --material-blur-frame --material-blur-soft --material-depth-opacity --material-depth-opacity-1 --material-depth-opacity-2 --material-depth-opacity-3 --material-duration-base --material-duration-deliberate --material-duration-fast --material-glide-ease --material-highlight-inset --material-layer-content --material-layer-overlay --material-layer-substrate --material-lift-ease --material-local-background --material-local-border-color --material-local-shadow --material-local-surface --material-prime-color --material-settle-ease +2

public/css/effects/metaphysical-paper.css

metaphysical-paper.css Semantic ornament for image-bearing surfaces. The goal is not to impose a universal card treatment, but to let image studies, SVG figures, and page artifacts share a readable image ritual: semantic treatment, hold-to-visit, and a persistent visited glow.

reads attrs: data-spw-brush-active data-spw-brush-mode data-spw-contrast-state data-spw-controls-open data-spw-effect data-spw-effect-stop data-spw-hold-state data-spw-image-effect data-spw-image-gesture data-spw-image-input data-spw-image-layout data-spw-image-preview data-spw-image-prominence data-spw-image-resonance data-spw-image-state data-spw-medium data-spw-override-state data-spw-salience-state data-spw-show-semantic-metadata data-spw-visit-burst data-spw-visited

defines tokens: --spw-image-accent --spw-image-caption-ink --spw-image-caption-shadow --spw-image-drift-x --spw-image-drift-y --spw-image-energy --spw-image-focus-x --spw-image-focus-y --spw-image-glow --spw-image-helper-bg --spw-image-helper-bg-strong --spw-image-helper-border --spw-image-helper-ink --spw-image-helper-lift-shadow --spw-image-helper-secondary-ink --spw-image-helper-shadow --spw-image-line --spw-image-memory-ink --spw-image-paper --spw-image-pixel-cell --spw-image-pixel-line --spw-image-scale --spw-image-tilt-x --spw-image-tilt-y

public/css/effects/narrative.css

public/css/effects/narrative.css --------------------------------------------------------------------------- Scope: inline tokenized narrative elements, resonance effects, and the floating inspector drawer used by narrative and debug surfaces.

reads attrs: data-spw-narrative-copy data-spw-narrative-mode data-spw-resonance-token data-spw-resonant

defines tokens: --spw-narrative-copy-color --token-op-color

public/css/effects/wonder.css

wonder.css -------------------------------------------------------------------------- Purpose - Wonder, delight, threshold charge, and semantic celebration layers. - Ambient affordances that can be driven by JS without requiring JS. - Persona-aware modulation for related surfaces, tokens, images, and frames. Notes - This file should remain additive. It should not redefine baseline layout. - Most selectors are low-specificity and attach to existing component nouns. - JS can safely toggle data attributes such as: [data-spw-charge] [data-spw-wonder-state] [data-spw-delight] [data-spw-visited] [da

reads attrs: data-spw-accent-concept data-spw-active-layers data-spw-charge data-spw-component-kind data-spw-concept-relation data-spw-delight data-spw-feature data-spw-form data-spw-hold-state data-spw-interaction-wonder data-spw-kind data-spw-operator data-spw-persona data-spw-reduce-motion data-spw-region-role data-spw-related-routes data-spw-resonance-probe data-spw-route-family data-spw-route-link data-spw-semantic-density data-spw-semantics data-spw-sigil data-spw-topic data-spw-visited data-spw-visual-cues data-spw-wonder-block-state data-spw-wonder-state

defines tokens: --delight-color --spw-architecture-color --spw-architecture-reward --spw-conceptual-nuance --spw-curiosity-color --spw-curiosity-reward --spw-debug-layer-color --spw-debug-layer-owner --spw-delight-burst-glow --spw-delight-burst-scale --spw-delight-ring --spw-local-shadow --spw-prompt-block-bg --spw-prompt-block-ink --spw-prompt-block-line --spw-prompt-block-quiet --spw-relationship-color --spw-relationship-reward --spw-resonance --spw-reward-color --spw-wonder-duration-base --spw-wonder-duration-deliberate --spw-wonder-duration-fast --spw-wonder-duration-slow +6

public/css/grammar/syntax.css

syntax.css -------------------------------------------------------------------------- Purpose - Shared spatial/container grammar for frames, clusters, concepts, forms, delimiters, topic lenses, semantic metadata, and brace/rail distinctions. - Bridge token physics to reusable structural semantics. - Keep route flavor additive while preserving predictable component grammar. - Prepare grammar for future JS cooperation, scoped enhancement, and richer testing across pages/contexts. Design stance - Structural grammar should remain legible without JS. - Metadata should be useful to CSS and runtime w

reads attrs: data-spw-attention data-spw-brace data-spw-charge data-spw-color-mode data-spw-component-kind data-spw-config-domain data-spw-container data-spw-depth data-spw-features data-spw-floating-chrome data-spw-form data-spw-gesture data-spw-guide-kind data-spw-guide-value data-spw-harmony data-spw-hold-state data-spw-inspect-semantic-expanded data-spw-inspect-semantic-focused data-spw-inspect-semantic-match data-spw-inspectability data-spw-interaction-lane data-spw-interactivity data-spw-kind data-spw-lens-chrome data-spw-lens-track data-spw-operator data-spw-overlay data-spw-persona data-spw-popped data-spw-realization data-spw-region-charge data-spw-region-flow data-spw-region-mark data-spw-region-menu-placement data-spw-region-menu-target data-spw-region-preview data-spw-region-state data-spw-role data-spw-role-cluster data-spw-selection data-spw-semantic-expression data-spw-show-semantic-metadata data-spw-signature data-spw-stance data-spw-state data-spw-substrate data-spw-tempo data-spw-topic

defines tokens: --active-op-color --angle-close-color --angle-height --angle-offset --angle-open-color --angle-stroke --angle-width --block-border-color --block-border-width --block-depth-color --block-depth-size --block-highlight-color --block-highlight-offset --block-hover-border-color --block-hover-depth-color --block-hover-highlight-color --block-inset --block-radius --brace-close-color --brace-corner-height --brace-corner-offset --brace-corner-radius --brace-corner-stroke --brace-corner-width +74

public/css/handles/cognitive-handles.css

cognitive-handles.css -------------------------------------------------------------------------- Purpose: - Semantic affordances for depth, phase, relation, and foldable layers. - Handles should read as paper creases and Spw braces, not decoration. - Tied directly to the operator palette and precision motion grammar.

defines tokens: --depth-0 --depth-1 --depth-2 --depth-3 --depth-4 --handle-concept --handle-duration --handle-ease --handle-entry --handle-instance --handle-line --handle-line-active --handle-phase --handle-relation --phase-expression --phase-initiation --phase-resistance --phase-return --phase-transformation --spw-debug-layer-color --spw-debug-layer-owner

public/css/handles/logo.css

logo.css -------------------------------------------------------------------------- Spwashi Logo Runtime The logo is the smallest unit of the site's physics. Every state it can enter — preview, charged, emitting, settled — matches the site-wide canonical state vocabulary. Component topology: island (self-contained, interactive, serializable) Touch: tap channel State contract: settled → preview → charged → emitting → settled

defines tokens: --logo-arc-color --logo-charge --logo-w-color --logo-wordmark-opacity

public/css/handles/metrics.css

metrics.css -------------------------------------------------------------------------- Behavior bundle for body[data-spw-features~="metrics"]. Frame metrics bar structure and hover states live in handles/operators.css (core). This scope exists so runtime modules can gate on the metrics feature.

reads attrs: data-spw-features

public/css/handles/operators/adaptive.css

operators/adaptive.css — the room changes, the handles adapt -------------------------------------------------------------------------- Reads as: responsive alignment and reduced-motion collapse for every chapter before this one Was: handles/operators.css §17–18 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: data-spw-breadcrumb-state, data-spw-breadcrumb-viewport, data-spw-cauldron, data-spw-charge-key, data-spw-concept, data-spw-form, data-spw-garden-provenance, data-spw-inline-form, data-spw-menu, data-spw-menu-mode, data-spw-mirror-label, data-spw-numericity-empha

reads attrs: data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-cauldron data-spw-charge-key data-spw-concept data-spw-debug-layers data-spw-form data-spw-garden-provenance data-spw-inline-form data-spw-menu data-spw-menu-mode data-spw-mirror-label data-spw-numericity-emphasis data-spw-show-semantic-metadata data-spw-slot

defines tokens: --spw-numericity-lift

public/css/handles/operators/attention-states.css

operators/attention-states.css — how handles notice you -------------------------------------------------------------------------- Reads as: hover, focus, keyboard arrival, and the literate underline seam Was: handles/operators.css §6–7 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: data-spw-charge-key, data-spw-handle, data-spw-inline-form, data-spw-nav-destination, data-spw-operator, data-spw-operator-reversibility, data-spw-page-arrival, data-spw-page-arrival-step, data-spw-page-transition-phase Genome — custom properties defined: 2; intent hooks consumed: none Pr

reads attrs: data-spw-charge-key data-spw-debug-layers data-spw-handle data-spw-inline-form data-spw-nav-destination data-spw-operator data-spw-operator-reversibility data-spw-page-arrival data-spw-page-arrival-step data-spw-page-transition-phase

defines tokens: --handle-arrival-lift --handle-arrival-opacity

public/css/handles/operators/bias-and-phrases.css

operators/bias-and-phrases.css — accent and inflection -------------------------------------------------------------------------- Reads as: operator/substrate/role bias, inline delimiters, brace phrases, swappable hints Was: handles/operators.css §10–12 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: data-spw-features, data-spw-gesture, data-spw-handle, data-spw-hint-density, data-spw-hint-surface, data-spw-inline-form, data-spw-operator, data-spw-role-cluster, data-spw-stance, data-spw-substrate, data-spw-swappable Genome — custom properties defined: 4; intent hooks

reads attrs: data-spw-debug-layers data-spw-features data-spw-gesture data-spw-handle data-spw-hint-density data-spw-hint-surface data-spw-inline-form data-spw-operator data-spw-role-cluster data-spw-stance data-spw-substrate data-spw-swappable

defines tokens: --handle-bg --handle-ink --handle-line --handle-underline-offset

public/css/handles/operators/geometry-projection.css

operators/geometry-projection.css — physics made visible -------------------------------------------------------------------------- Reads as: data-spw-operator-geometry projected onto surfaces; aligns with shared.js OPERATOR_GEOMETRY Was: handles/operators.css tail (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: data-spw-address-role, data-spw-gesture, data-spw-interaction-contract, data-spw-loading-ecology-phase, data-spw-loading-ecology-twinkle, data-spw-loop-state, data-spw-op (G1 bundle: operator/operand/position axes), data-spw-operator, data-spw-operator-brace-b

reads attrs: data-spw-address-role data-spw-debug-layers data-spw-gesture data-spw-interaction-contract data-spw-loading-ecology-phase data-spw-loading-ecology-twinkle data-spw-loop-state data-spw-op data-spw-operator data-spw-operator-brace-bias data-spw-operator-geometry data-spw-perspective data-spw-reduce-motion data-spw-sigil-payload-scope data-spw-sigil-region-tempo data-spw-sigil-role data-spw-sigil-transition

defines tokens: --spw-brace-wash --spw-geometry-motion --spw-geometry-stability --spw-op-phrase-completeness --spw-operator-color --spw-sigil-brightness --spw-sigil-payload-alpha --spw-sigil-payload-color --spw-sigil-payload-lift --spw-sigil-payload-outline --spw-sigil-payload-outline-offset --spw-sigil-payload-scale --spw-sigil-saturate --spw-sigil-transition-duration

public/css/handles/operators/metrics-and-cognition.css

operators/metrics-and-cognition.css — instruments that measure -------------------------------------------------------------------------- Reads as: frame metrics, guided/cognitive handles, and the resonance seam Was: handles/operators.css §14–16 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: data-spw-cognitive-handles, data-spw-features, data-spw-guided, data-spw-liminality, data-spw-metric-kind, data-spw-show-semantic-metadata, data-state Genome — custom properties defined: 0; intent hooks consumed: none Probe: toggle me wholesale in DevTools > Sources, or set html[

reads attrs: data-spw-cognitive-handles data-spw-debug-layers data-spw-features data-spw-guided data-spw-liminality data-spw-metric-kind data-spw-show-semantic-metadata

public/css/handles/operators/primitive.css

operators/primitive.css — the shared handle body -------------------------------------------------------------------------- Reads as: what every handle is before it becomes anything: box, seat, seam, and debug pulse Was: handles/operators.css §2–3 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-current, aria-pressed, data-spw-charge-key, data-spw-handle, data-spw-inline-form, data-spw-operator, data-spw-projection, data-spw-selection, data-spw-show-semantic-metadata, data-spw-state-inspector, data-spw-surface Genome — custom properties defined: 3; intent hooks co

reads attrs: data-spw-charge-key data-spw-debug-layers data-spw-handle data-spw-inline-form data-spw-operator data-spw-projection data-spw-selection data-spw-show-semantic-metadata data-spw-state-inspector data-spw-surface

defines tokens: --handle-arrival-lift --handle-arrival-opacity --interaction-excitement

public/css/handles/operators/sigils-and-chips.css

operators/sigils-and-chips.css — the visible instruments -------------------------------------------------------------------------- Reads as: frame sigils, operator chips, spec pills, component tags: the faces readers actually touch Was: handles/operators.css §4–5 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-current, aria-pressed, data-site-setting-active, data-spw-annotation-match, data-spw-annotation-state, data-spw-collected, data-spw-color-mode, data-spw-debug-mode, data-spw-fixity-tier, data-spw-grounded, data-spw-load-posture, data-spw-load-timing, data-

reads attrs: data-spw-annotation-match data-spw-annotation-state data-spw-charge-key data-spw-collected data-spw-color-mode data-spw-debug-layers data-spw-debug-mode data-spw-fixity-tier data-spw-grounded data-spw-inline-form data-spw-load-posture data-spw-load-timing data-spw-meaning-mode data-spw-op data-spw-op-disposition data-spw-operator data-spw-role data-spw-show-semantic-metadata data-spw-sigil-anatomy data-spw-sigil-position data-spw-slot data-spw-stance data-spw-substrate

defines tokens: --handle-line --operator-chip-active-animation --operator-chip-active-bg --operator-chip-active-border --operator-chip-active-ink --operator-chip-active-lift --operator-chip-active-shadow --operator-chip-active-weight --operator-chip-bg --operator-chip-border --operator-chip-border-style --operator-chip-border-width --operator-chip-hover-bg --operator-chip-hover-border --operator-chip-hover-ink --operator-chip-hover-lift --operator-chip-hover-shadow --operator-chip-ink --operator-chip-shadow --spw-field-intensity --spw-fixity-alpha

public/css/handles/operators/spell-breadcrumbs.css

operators/spell-breadcrumbs.css — the long spell path -------------------------------------------------------------------------- Reads as: breadcrumb spellwork: a single subsystem, kept whole so its story reads uninterrupted Was: handles/operators.css §13 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-expanded, data-spw-breadcrumb-menu-changed, data-spw-breadcrumb-menu-clarity, data-spw-breadcrumb-menu-mode, data-spw-breadcrumb-menu-phase, data-spw-breadcrumb-menu-state, data-spw-breadcrumb-region-menu, data-spw-breadcrumb-reversible, data-spw-breadcrumb-state,

reads attrs: data-spw-breadcrumb-menu-changed data-spw-breadcrumb-menu-clarity data-spw-breadcrumb-menu-mode data-spw-breadcrumb-menu-phase data-spw-breadcrumb-menu-state data-spw-breadcrumb-region-menu data-spw-breadcrumb-reversible data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-crumb-kind data-spw-current data-spw-debug-layers data-spw-deep-link data-spw-operator-charge-role data-spw-operator-flow data-spw-operator-left-role data-spw-operator-right-role

defines tokens: --spell-geometry-rail

public/css/handles/operators/state-semantics.css

operators/state-semantics.css — what pressed means here -------------------------------------------------------------------------- Reads as: the mode-switch and pressed-state contracts; routes speak through -intent variables only Was: handles/operators.css §8–9 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-current, aria-label, aria-pressed, data-set-mode, data-spw-allocation, data-spw-annotation-match, data-spw-bookmarked, data-spw-cauldron, data-spw-cauldron-mirror, data-spw-charge, data-spw-debug-mode, data-spw-form, data-spw-gesture, data-spw-ingredient-prim

reads attrs: data-spw-allocation data-spw-annotation-match data-spw-bookmarked data-spw-cauldron data-spw-cauldron-mirror data-spw-charge data-spw-debug-layers data-spw-debug-mode data-spw-form data-spw-gesture data-spw-ingredient-primed data-spw-knowledge data-spw-latched data-spw-lens-chrome data-spw-lens-deep-link data-spw-lens-feedback data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state data-spw-lens-track data-spw-living-term data-spw-measure-kind data-spw-module-visuals data-spw-pinned data-spw-selection data-spw-semantic-expression data-spw-show-semantic-metadata data-spw-touch data-spw-vocabulary-term data-spw-wonder-state

defines tokens: --active-op-color --brace-close-color --brace-measure-tint --brace-open-color --cauldron-tether --handle-allocation-color --handle-line --mode-switch-active-bg --mode-switch-active-border --mode-switch-active-ink --mode-switch-active-lift --mode-switch-active-shadow --mode-switch-active-weight --mode-switch-border-width --mode-switch-focus-shadow --mode-switch-hover-bg --mode-switch-hover-border --mode-switch-hover-ink --mode-switch-hover-lift --mode-switch-hover-shadow --mode-switch-idle-bg --mode-switch-idle-border --mode-switch-idle-ink --mode-switch-idle-shadow +5

public/css/handles/operators/tokens.css

operators/tokens.css — the tuning table of the handle orchestra -------------------------------------------------------------------------- Reads as: every color, duration, and radius a handle may speak in; a glossary, read like a menu Was: handles/operators.css §1 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-current, aria-expanded, data-spw-active, data-spw-artifact, data-spw-attention, data-spw-breadcrumb-state, data-spw-dimensional-breadcrumbs, data-spw-feature, data-spw-measure, data-spw-measure-kind, data-spw-menu, data-spw-menu-mode, data-spw-navigator, d

reads attrs: data-spw-active data-spw-artifact data-spw-attention data-spw-bottom-lane-managed data-spw-breadcrumb-state data-spw-debug-layers data-spw-dimensional-breadcrumbs data-spw-feature data-spw-measure data-spw-measure-kind data-spw-menu data-spw-menu-mode data-spw-navigator data-spw-operator data-spw-proof data-spw-spell-path-state data-spw-state-inspector data-spw-state-inspector-root

defines tokens: --handle-baseline-offset --handle-bg --handle-bg-active --handle-bg-selected --handle-bg-soft --handle-duration-base --handle-duration-deliberate --handle-duration-fast --handle-ease --handle-gap --handle-gap-tight --handle-ink --handle-ink-quiet --handle-ink-soft --handle-line --handle-line-quiet --handle-line-soft --handle-meta-font --handle-min-height --handle-min-height-compact --handle-pad-block-inline --handle-pad-inline-inline --handle-pad-x --handle-pad-y +23

public/css/handles/phase-controls.css

phase-controls.css -------------------------------------------------------------------------- Phase Layer Menu Spw phase choice appears as a braced layer control, not arrow navigation. Integrated with the operator matrix, depth tiers, and motion grammar.

defines tokens: --local-phase-color

public/css/ornament/canvas-accents.css

canvas-accents.css -------------------------------------------------------------------------- Spw Canvas Accent Styles Positions the generative canvases as background layers within Spw components. Integrated with global semantic tokens and motion grammar.

reads attrs: data-spw-accent data-spw-accent-palette data-spw-color-mode data-spw-image-prominence data-spw-overlay data-spw-salience-state

defines tokens: --canvas-blend --canvas-opacity --spw-debug-layer-color --spw-debug-layer-owner

public/css/ornament/layout-assumptions.css

ornament/layout-assumptions.css -------------------------------------------------------------------------- Late layout correction surface — distinct from debug overlays. Active when layout-assumptions.js finishes its settled pass.

reads attrs: data-spw-debug-mode data-spw-layout-assumption-correction data-spw-layout-assumptions-active data-spw-layout-assumptions-pass data-spw-layout-correction

defines tokens: --spw-assumption-correction-accent --spw-assumption-correction-hatch --spw-assumption-correction-ink --spw-assumption-correction-ring --spw-floating-lane-gap --spw-floating-quiet-opacity --spw-floating-secondary-opacity

public/css/ornament/ornament.css

ornament.css -------------------------------------------------------------------------- Purpose - Decorative and semi-semantic ornament built from site tokens. - This file acts as a concrete shadow of tokens/core.css: it turns token families into visible rails, seams, halos, sequences, ribbons, and ornamental hierarchies that can later be driven by JS. - Ornament should remain additive. It should not own primary layout. Design stance - Expose variables generously so routes and components can bias ornament. - Treat sibling and child relationships as part of the visible grammar. - Make it easy f

reads attrs: data-spw-active-layers data-spw-card-state data-spw-child-active data-spw-collected data-spw-collection-intention data-spw-color-mode data-spw-deviation data-spw-feature data-spw-form data-spw-gesture data-spw-interaction-context data-spw-menu-mode data-spw-menu-overlay data-spw-operator data-spw-ornament data-spw-ornament-axis data-spw-ornament-density data-spw-ornament-state data-spw-role-cluster data-spw-scroll-cadence data-spw-section-state data-spw-sequence-state data-spw-sibling-resonance data-spw-site-rhythm data-spw-stage data-spw-stance data-spw-substrate data-spw-surface data-spw-wonder-state

defines tokens: --ornament-accent --ornament-accent-emphasis --ornament-accent-secondary --ornament-accent-soft --ornament-accent-subtle --ornament-collection-dot-size --ornament-collection-mark --ornament-dash --ornament-dash-gap --ornament-deviation-visibility --ornament-duration-base --ornament-duration-deliberate --ornament-duration-fast --ornament-ease --ornament-field-balance --ornament-field-intensity --ornament-font --ornament-gap-1 --ornament-gap-2 --ornament-gap-3 --ornament-gap-4 --ornament-glow --ornament-line --ornament-line-quiet +40

public/css/ornament/relational-state.css

relational-state.css -------------------------------------------------------------------------- Environmental effects driven by the State Orchestrator. Implements Attentional Cueing and Relational Resonance.

reads attrs: data-spw-attention

defines tokens: --active-op-color

public/css/ornament/whimsy.css

whimsy.css -------------------------------------------------------------------------- Spw Material Surface Quiet interaction grammar for sigils, folds, and paper-like layers. This file avoids decorative motion; state changes should read as alignment, focus, or revealed structure.

reads attrs: data-spw-color-mode data-spw-gesture data-spw-operator data-spw-role data-spw-surface

defines tokens: --phase-expression --phase-initiation --phase-resistance --phase-return --phase-transformation --spw-fold-duration --spw-fold-ease --spw-paper-corner --spw-paper-focus --spw-paper-wash

public/css/reset/base.css

base.css -------------------------------------------------------------------------- Purpose: - Global baseline, interaction resets, flow defaults, and default typography. - Own shared reading rhythm, anchor behavior, overflow safety, and semantic document flow before route/shell layers specialize the page. Dependency: None (includes hardcoded fallbacks if tokens are missing).

reads attrs: data-spw-animation-throttling data-spw-reduce-motion data-spw-surface

defines tokens: --flow-gap-2xl --flow-gap-2xs --flow-gap-lg --flow-gap-md --flow-gap-sm --flow-gap-xl --flow-gap-xs --flow-reading-gap --flow-section-gap --flow-stack-gap --focus-ring-color --focus-ring-offset --selection-bg --selection-ink --site-line-height --site-root-font-size --spw-debug-layer-color --spw-debug-layer-owner

public/css/routes/surfaces/about.css

about-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped identity for /about - Shift the page toward practical clarity, durable structure, and tangible conversion of attention into tools, surfaces, services, and hospitality - Reduce ornamental drift and support a more direct, less flowery tone - Keep compatibility with shared shell/components/systems layers Design stance - About should feel grounded, useful, and directional - The page should read like an operating memo with enough warmth to feel human, but not vague - Priority should g

reads attrs: data-spw-color-mode data-spw-image-surface data-spw-layout data-spw-surface

defines tokens: --about-accent --about-accent-2 --about-accent-2-soft --about-accent-3 --about-accent-3-soft --about-accent-soft --about-bg --about-bg-deep --about-bg-field --about-frame-shadow --about-frame-shadow-hover --about-ink --about-ink-faint --about-ink-mid --about-ink-soft --about-line --about-line-accent --about-line-strong --about-panel-radius --about-panel-radius-loose --about-surface --about-surface-matte --about-surface-soft --about-surface-strong +19

public/css/routes/surfaces/blog-frames.css

routes/surfaces/blog-frames.css -------------------------------------------------------------------------- Blog route frame treatments: brace perspective, registers, and demo panels. 3. Brace perspective frames

reads attrs: data-spw-beat data-spw-charge-key data-spw-charge-state data-spw-flow data-spw-liminality data-spw-perspective data-spw-phase data-spw-playing data-spw-surface

defines tokens: --blog-card-readable-width --blog-frame-objective-opacity --blog-frame-subjective-opacity --blog-pretext-line-gap-approach --blog-pretext-line-gap-contact --blog-pretext-line-gap-projecting --blog-pretext-line-gap-resting --blog-readable-width --blog-rhythm-accent-mix --blog-rhythm-border-strength --blog-rhythm-shadow-strength --pretext-line-gap --pretext-line-height --pretext-line-max-inline-size --pretext-local-pad --pretext-local-radius

public/css/routes/surfaces/blog-layouts.css

routes/surfaces/blog-layouts.css -------------------------------------------------------------------------- Blog route layout patterns for indexes, specimen cards, and print rhythm. 8. Route layouts

reads attrs: data-spw-surface

defines tokens: --blog-gap-4 --blog-panel-pad --spw-main-padding-inline

public/css/routes/surfaces/blog-motion.css

routes/surfaces/blog-motion.css -------------------------------------------------------------------------- Blog route motion guardrails and responsive adjustments. 9. Reduced motion

reads attrs: data-spw-flow data-spw-reduce-motion data-spw-surface

public/css/routes/surfaces/blog.css

blog-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped surface system for body[data-spw-surface="blog"]. - Orchestrates reading-first defaults, semantic theming, and route-specific rhythm/phase bridges. - Discrete UI components (Interpreter, Demos, Registers) have been extracted.

reads attrs: data-spw-color-mode data-spw-high-contrast data-spw-surface

defines tokens: --blog-accent --blog-bg --blog-bg-card --blog-bg-card-strong --blog-bg-deep --blog-draft --blog-draft-bg --blog-field-bg --blog-focus-outline --blog-focus-ring --blog-gap-1 --blog-gap-2 --blog-gap-3 --blog-gap-4 --blog-gap-5 --blog-ink --blog-ink-soft --blog-line --blog-line-strong --blog-measure --blog-objective-line --blog-panel-pad --blog-play --blog-radius +17

public/css/routes/surfaces/contact.css

contact-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped identity for /contact - Bias the page toward fast routing, public visibility, and calm clarity - Make DMs on X, TikTok, and Instagram feel easy to notice and easy to act on - Support service-first contact while still presenting public surfaces well Design stance - Contact should feel lighter and more decisive than About - Priority should be obvious in the visual hierarchy - “Fastest route” cards should scan immediately - Public surfaces should still feel rich, but secondary

reads attrs: data-spw-color-mode data-spw-surface

defines tokens: --active-op-bg-soft --active-op-border --active-op-color --contact-accent --contact-accent-2 --contact-accent-2-soft --contact-accent-3 --contact-accent-3-soft --contact-accent-soft --contact-bg --contact-bg-deep --contact-bg-field --contact-frame-shadow --contact-frame-shadow-hover --contact-ink --contact-ink-faint --contact-ink-mid --contact-ink-soft --contact-line --contact-line-strong --contact-panel-radius --contact-panel-radius-loose --contact-priority-ring --contact-surface +9

public/css/routes/surfaces/craft.css

Craft Surface -------------------------------------------------------------------------- Author-facing topic routes for fragments, motifs, and file traditions. Route-gated so it can be removed or revised without disturbing software pages. Direction - Inspire authors and invoke wonder about palettes, page systems, panels, typographic layers, and how a reader might "enter a book". - Keep the route materially calm enough for reading, but rich enough to suggest print logic, illustration logic, and editorial hierarchy. - Bias toward paper, ink, margin, caption, motif, and chapter-room feeling.

reads attrs: data-spw-color-mode data-spw-high-contrast data-spw-surface

defines tokens: --bg --bg-deep --bg-field --craft-accent --craft-accent-soft --craft-display --craft-fold-edge --craft-gold-dust --craft-ink-blue --craft-leaf --craft-panel-glow --craft-panel-shadow --craft-rose-ink --craft-sans --craft-serif --craft-teal --grain-panel-fill-local --grain-panel-glow-local --grain-panel-shadow-local --ink --ink-faint --ink-soft --line --line-accent +5

public/css/routes/surfaces/design-experiments.css

design-experiments.css -------------------------------------------------------------------------- Purpose - Route-scoped experiment-lab styles keyed by body[data-spw-page-family="experiment-lab"]. - Keep experimental controls readable while preserving the shared frame, slot, and semantic metadata contracts. - Keep experiment blocks mapped to visible HTML nouns. Debugging notes - Prefer data-spw-feature or data-spw-slot for durable clusters. - If a rule would help more than one route, move it to components or systems/surfaces instead of widening this file.

reads attrs: data-spw-page-family

defines tokens: --design-rule-accent --svg-workbench-accent

public/css/routes/surfaces/design.css

design-surface.css -------------------------------------------------------------------------- Surface purpose - /design/ reuses the website surface vocabulary for coordination, but its hero and route cards need a stable light reading contract. - Keep these rules route-seeded so other website/design-register pages can make their own material choices.

reads attrs: data-spw-color-mode data-spw-component-identity data-spw-copied data-spw-copy-current-query data-spw-gesture data-spw-metamaterial data-spw-packing-state data-spw-page-family data-spw-page-seed data-spw-pigment-token data-spw-setting-just-verified data-spw-settle-state

defines tokens: --active-op-color --design-ecology-accent --design-ecology-bubble-fill --design-ecology-bubble-line --design-ecology-bubble-radius --design-ecology-settle-y --design-surface-accent --design-surface-accent-strong --design-surface-accent-warm --design-surface-base --design-surface-base-soft --design-surface-base-strong --design-surface-contrast --design-surface-ink --design-surface-ink-mid --design-surface-ink-on-matte --design-surface-ink-on-matte-soft --design-surface-ink-soft --design-surface-line --design-surface-line-strong --design-surface-link --design-surface-matte --design-surface-matte-strong --design-surface-panel +46

public/css/routes/surfaces/home-panels.css

routes/surfaces/home-panels.css -------------------------------------------------------------------------- Home route panel stack: operators, climate tuning, entry loops, reading.

reads attrs: data-spw-accent-palette data-spw-color-mode data-spw-reduce-motion data-spw-slot data-spw-surface

defines tokens: --brace-corner-height --brace-corner-offset --brace-corner-width --home-accent-ink --home-discovery-accent --home-discovery-contrast --home-rail-pad --home-shadow --home-shadow-active --home-shadow-quiet --home-surface-bg --home-surface-bg-muted --home-surface-bg-strong --home-surface-border --home-surface-border-strong --mode-switch-pressed-animation --operator-chip-active-bg-intent --operator-chip-active-border-intent --operator-chip-active-ink-intent --spw-grid-min-base --spw-wisdom-deck-min

public/css/routes/surfaces/home.css

home-surface.css -------------------------------------------------------------------------- CSS for the rewritten homepage HTML: - quieter kernel hero - separate operator field - separate climate tuning layer - distinct reading-layer panels - token-driven, parser-tolerant

reads attrs: data-spw-attentional-weight data-spw-color-mode data-spw-copy-depth data-spw-form data-spw-hydration data-spw-lens-mode data-spw-perspective data-spw-region data-spw-resonance-axis data-spw-semantic-density data-spw-slot data-spw-state-inspector data-spw-surface

defines tokens: --active-op-color --amber --bg --bg-field --brace-corner-height --brace-corner-offset --brace-corner-width --card-border-emphasis --component-accent --component-shadow --component-shadow-active --component-surface --component-surface-soft --component-surface-strong --focus-ring --home-accent-blue --home-accent-ember --home-accent-ink --home-accent-line --home-accent-line-strong --home-accent-primary --home-accent-secondary --home-accent-tertiary --home-accent-wash +59

public/css/routes/surfaces/plans-cards.css

routes/surfaces/plans-cards.css -------------------------------------------------------------------------- Plans route card and stage-grid composition. 5. Plans grid and plan cards

reads attrs: data-spw-surface

public/css/routes/surfaces/plans-relationships.css

routes/surfaces/plans-relationships.css -------------------------------------------------------------------------- Plans route relationship panels, discovery frames, and future graph affordance. 8. Relationship panels

reads attrs: data-spw-surface

public/css/routes/surfaces/plans-responsive.css

routes/surfaces/plans-responsive.css -------------------------------------------------------------------------- Plans route responsive and narrow-screen composition. 11. Responsive

reads attrs: data-spw-surface

public/css/routes/surfaces/plans.css

plans-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped identity for /about/plans - Support the rewritten plans page as a semantic registry rather than a loose stack of cards - Emphasize verbs, stages, relationships, and later visualization - Prepare the page for future JS filters / graph views / semantic overlays Design stance - Practical, structured, inspectable - Less ornamental than craft, less ambient than blog - Strong enough to suggest diagrams, without pretending the diagram is already built - Verbs should feel like handles fo

reads attrs: data-spw-color-mode data-spw-surface

defines tokens: --active-op-bg-soft --active-op-border --active-op-color --grain-panel-fill-local --grain-panel-glow-local --grain-panel-shadow-local --measure-panel --measure-reading --objective-brace-color --objective-brace-wash --plans-accent --plans-accent-2 --plans-accent-2-soft --plans-accent-3 --plans-accent-3-soft --plans-accent-4 --plans-accent-4-soft --plans-accent-soft --plans-bg --plans-bg-deep --plans-bg-field --plans-frame-shadow --plans-frame-shadow-hover --plans-ink +28

public/css/routes/surfaces/play.css

play-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped surface layer for body[data-spw-surface="play"]. - Gives /play/ a stronger role as session console, campaign atlas, and interactive route for playful systems. - Aligns with site rhythm, measured presets, and shared Spw frame semantics without fighting global component layers.

reads attrs: data-spw-charge-key data-spw-charge-state data-spw-flow data-spw-phase data-spw-playing data-spw-reduce-motion data-spw-surface

defines tokens: --bg --bg-deep --ink --ink-soft --line --line-strong --measure-code --play-accent --play-accent-soft --play-card-min-height-phone --play-card-min-height-tablet --play-card-readable-width --play-control-min-height --play-control-min-width --play-measure --play-panel-min-height-phone --play-panel-min-height-tablet --play-pretext-line-gap-approach --play-pretext-line-gap-contact --play-pretext-line-gap-projecting --play-pretext-line-gap-resting --play-readable-width --play-rhythm-accent-mix --play-rhythm-border-strength +10

public/css/routes/surfaces/recipes.css

recipes-surface.css -------------------------------------------------------------------------- Purpose - Give /recipes/ a distinct route identity instead of relying on the generic shell. - Bias the page toward handled warmth, denser registry rhythm, and a slightly more inventory-like feel without turning it into a dashboard.

reads attrs: data-spw-color-mode data-spw-image-prominence data-spw-slot data-spw-surface

defines tokens: --active-op-bg-soft --active-op-border --active-op-color --ink --ink-soft --line --line-strong --recipes-accent --recipes-accent-soft --recipes-ember --recipes-gold --recipes-ink --recipes-ink-soft --recipes-line --recipes-line-strong --recipes-panel --recipes-panel-warm --recipes-paper --recipes-shadow --recipes-surface --recipes-surface-soft --recipes-surface-strong --spw-component-ecology --spw-component-function +7

public/css/routes/surfaces/review-surfaces.css

routes/surfaces/review-surfaces.css -------------------------------------------------------------------------- Focused review surfaces for split catalog and experiment slices. The JS enhancer injects the rail; this file gives it the right material, rhythm, and SVG readability.

reads attrs: data-spw-page-role

defines tokens: --review-rail-accent --review-rail-line --review-rail-line-strong --review-rail-shadow --review-rail-surface

public/css/routes/surfaces/rpg-wednesday.css

rpg-wednesday-surface.css -------------------------------------------------------------------------- Purpose - Give /play/rpg-wednesday/ a dedicated campaign surface. - Use published image references to make the route feel alive, not generic. - Keep the route readable while introducing stronger mood and capture cues.

reads attrs: data-spw-curator-density data-spw-feature data-spw-image-surface data-spw-language-evolution-posture data-spw-layout data-spw-surface data-spw-world-slot-kind

defines tokens: --active-op-color --mode-switch-active-bg-intent --mode-switch-active-shadow-intent --mode-switch-idle-bg-intent --mode-switch-idle-border-intent --rpg-accent --rpg-accent-soft --rpg-bench-brass --rpg-bench-copper --rpg-bench-glow --rpg-bench-inset --rpg-bench-line --rpg-bench-rivet --rpg-capture-preview-height --rpg-character-image-max-inline-size --rpg-language-accent --rpg-line --rpg-panel --rpg-paper --rpg-wonder --rpg-world-accent --spw-control-min-height --spw-main-padding-inline --spw-main-width

public/css/routes/surfaces/services.css

services-surface.css -------------------------------------------------------------------------- Purpose - Give /services/ a warmer, image-backed route identity. - Let promoted reference images feel deliberate instead of pasted in. - Keep the surface readable while carrying more atmosphere.

reads attrs: data-spw-surface

defines tokens: --services-accent --services-accent-cool --services-glow --services-line --services-line-strong --services-panel --services-paper --spw-main-padding-inline --spw-main-width

public/css/routes/surfaces/settings-cues.css

routes/surfaces/settings-cues.css -------------------------------------------------------------------------- Settings route section cues and cross-surface dimensional accents. 8. Dimensional section cues

reads attrs: data-spw-surface

defines tokens: --settings-pad-block --settings-pad-inline

public/css/routes/surfaces/settings-forms.css

routes/surfaces/settings-forms.css -------------------------------------------------------------------------- Settings route form groups, controls, and control-grid affordances. 3. Settings Forms & Categories

reads attrs: data-spw-surface

public/css/routes/surfaces/settings-notes.css

routes/surfaces/settings-notes.css -------------------------------------------------------------------------- Settings route local note register and browser-resident note controls. 6. Local note register

reads attrs: data-spw-surface

public/css/routes/surfaces/settings-runtime.css

routes/surfaces/settings-runtime.css -------------------------------------------------------------------------- Settings route runtime maps, navigators, and structure/state grids. 8. Runtime map / navigators / structures

reads attrs: data-spw-surface

public/css/routes/surfaces/settings.css

settings-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped surface system for body[data-spw-surface="settings"]. - A highly legible, structured space focused on inspection and control. - Differs from reading (blog) or play surfaces by emphasizing rigid containment, interactive feedback, and high-contrast boundaries.

reads attrs: data-spw-color-mode data-spw-surface

defines tokens: --active-op-color --settings-accent --settings-accent-soft --settings-control-bg --settings-control-bg-active --settings-control-line --settings-control-line-soft --settings-gap --settings-ink --settings-ink-soft --settings-ink-strong --settings-measure --settings-muted --settings-pad-block --settings-pad-inline --settings-panel-bg --settings-panel-bg-quiet

public/css/routes/surfaces/tools-budgeting-surface.css

tools-budgeting-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped surface for body[data-spw-surface="tools-budgeting"]. - Present budgeting as a compact working dashboard without moving shared card, panel, or shell ownership out of the system CSS files. - Keep dashboard, panel, summary, row, and status semantics inspectable. Debugging notes - Use route scope first, then component nouns. - Promote reusable table/card/control behavior to component-family CSS.

reads attrs: data-spw-surface

public/css/routes/surfaces/tools-spw-parser.css

tools-spw-parser.css -------------------------------------------------------------------------- Purpose - Route-scoped surface for body[data-spw-surface="tools-spw-parser"]. - Present literal parser source, tokens, AST, diagnostics, and provenance. - Keep parser behavior in the route module and evidence hierarchy here. Debugging notes - Use route scope first; do not promote proof-layout rules into shared cards. - Horizontal containment belongs to token and AST scrollers, not page width.

reads attrs: data-spw-surface

defines tokens: --literal-parser-code --literal-parser-control --literal-parser-control-ink --literal-parser-error --literal-parser-ink --literal-parser-line --literal-parser-ok --literal-parser-soft --literal-parser-surface

public/css/routes/surfaces/topics.css

topics-surface.css -------------------------------------------------------------------------- Purpose - Give topic routes a coherent field-guide atmosphere. - Let photo studies and diagrams share a palette instead of floating apart. - Create a strong default for math and future design-adjacent topic pages.

reads attrs: data-spw-color-mode data-spw-image-hero data-spw-image-prominence data-spw-image-shape data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state data-spw-measure-kind data-spw-slot data-spw-surface

defines tokens: --active-op-color --card-highlight --card-shadow --ink --ink-soft --line --line-strong --mode-switch-active-shadow-intent --mode-switch-pressed-animation-intent --site-header-opacity --spw-image-interaction-contrast --spw-image-interaction-lift --spw-image-interaction-saturate --spw-main-padding-inline --spw-main-width --surface --surface-panel --surface-panel-strong --surface-soft --surface-strong --topic-route-lane-accent --topics-accent --topics-accent-soft --topics-card-shadow +21

public/css/routes/surfaces/website.css

website-surface.css -------------------------------------------------------------------------- Surface purpose - /about/website should feel like a field guide, observatory, and specimen surface for the site itself. - Support calm reading first, then richer microcosm detail. - Distinguish nooks / registers / specimens / workshop logic without making the page feel like a dashboard.

reads attrs: data-spw-category-family data-spw-color-mode data-spw-copy-depth data-spw-copy-lens data-spw-page-role data-spw-promptability data-spw-surface

defines tokens: --card-highlight --card-shadow --family-accent --ink --ink-soft --line --line-strong --spw-philosophy-line --spw-philosophy-panel --spw-philosophy-paper --spw-prompt-block-bg --spw-prompt-block-ink --spw-prompt-block-line --surface --surface-panel --surface-panel-strong --surface-soft --surface-strong --website-accent --website-accent-quiet --website-accent-soft --website-chip-bg --website-ink --website-ink-soft +17

public/css/routes/widgets/boonhonk-mixer.css

routes/widgets/boonhonk-mixer.css -------------------------------------------------------------------------- Visual mixer for the five boonhonk operators. The field should feel less like a flat polygon and more like a living, weighted vessel with room for subtle preference tuning later. Design goals - prepare for nuanced taste adjustments rather than binary states - expose richer variables for JS, SVG, and audience-facing handles - make combinatorics feel dimensional, not merely geometric - support later additions like softness, bias, skew, bloom, orbit, resonance, and local taste correction S

reads attrs: data-spw-selection

defines tokens: --bhm-accent --bhm-bane-color --bhm-bg --bhm-bone-color --bhm-bonk-color --bhm-boon-color --bhm-center-glow --bhm-center-scale --bhm-charge --bhm-depth-lift --bhm-duration-base --bhm-duration-deliberate --bhm-duration-fast --bhm-ease --bhm-field-glow --bhm-gap-x --bhm-gap-y --bhm-honk-color --bhm-line --bhm-node-glow --bhm-operator-border --bhm-operator-color --bhm-operator-soft --bhm-pad +7

public/css/routes/widgets/care-intake.css

routes/widgets/care-intake.css -------------------------------------------------------------------------- Purpose - Visual contract for the care intake form and output profile card. - Warm, legible, and structurally clear — not clinical, not cold. - The profile card is screenshottable: self-contained, print-safe, and designed to be shared on the person's own terms. State contract (via --care-charge): - 0 → empty (generate button disabled) - 0–0.5 → filling - 0.5–1 → ready - 1 → complete Screenshot mode (data-screenshot-mode on .care-profile-card): - [data-screenshot-hidden] children ar

defines tokens: --care-accent --care-accent-soft --care-accent-wash --care-charge --care-line --profile-accent --profile-ink --profile-ink-soft --profile-line

public/css/routes/widgets/services-configurator.css

routes/widgets/services-configurator.css -------------------------------------------------------------------------- Purpose - Weighted field for tier resolution. - Four dimensions resolve to a service tier via a scoring formula. - Mirrors the boonhonk-mixer interaction language, but with more explicit dimensional hierarchy, value reasoning, and SVG-ready semantic states. Design goals - Prepare for more advanced combinatorics and SVG interactions. - Make price movement, charge, and utility feel grounded and legible. - Support elegant, screenshot-worthy value selection with precise state. - Give

defines tokens: --node-color --svc-accent --svc-accent-soft --svc-accent-strong --svc-bg --svc-bg-strong --svc-center-scale --svc-charge --svc-duration-base --svc-duration-deliberate --svc-duration-fast --svc-ease --svc-gap --svc-line --svc-line-strong --svc-pad-x --svc-pad-y --svc-price-y --svc-radius --svc-radius-tight --svc-resolve-alpha --svc-settle-ease --svc-text --svc-text-soft +2

public/css/shell/chrome/adaptive.css

shell/chrome/adaptive.css — the hall resizes -------------------------------------------------------------------------- Reads as: responsive chrome behavior and reduced-motion collapse across header, nav, and footer Was: shell/chrome.css §4–5 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-expanded, data-spw-action-tier, data-spw-active-layers, data-spw-breadcrumb-state, data-spw-breadcrumb-viewport, data-spw-cauldron-action, data-spw-cauldron-candidate-visibility, data-spw-cauldron-discoverability, data-spw-cauldron-garden-phase, data-spw-cauldron-mirror, data-s

reads attrs: data-spw-action-tier data-spw-active-layers data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-cauldron-action data-spw-cauldron-candidate-visibility data-spw-cauldron-discoverability data-spw-cauldron-garden-phase data-spw-cauldron-mirror data-spw-cauldron-state data-spw-cognitive-container data-spw-debug-layers data-spw-deep-link data-spw-gesture data-spw-hypermedia-extension data-spw-ingredient-inspect data-spw-ingredient-phase data-spw-ingredient-primed data-spw-liminality data-spw-menu data-spw-menu-mode data-spw-menu-overlay data-spw-menu-topology data-spw-mirror-label data-spw-origin data-spw-phase-active data-spw-phase-complete data-spw-primed data-spw-satchel-positioned data-spw-shell-disclosure-init data-spw-shell-layout data-spw-spell-state data-spw-state-inspector data-spw-viewport data-spw-wonder

defines tokens: --cauldron-candidate-wash --cauldron-chip-bg --cauldron-chip-border --cauldron-chip-ink --cauldron-highlight --region-jump-target --spell-candidate-wash --spw-header-opacity-local --spw-shell-pointer-opacity

public/css/shell/chrome/footer.css

shell/chrome/footer.css — the exit music -------------------------------------------------------------------------- Reads as: site footer: colophon, closing links, and the quiet end of the page Was: shell/chrome.css §3 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-current, data-spw-base-metamaterial, data-spw-cadence, data-spw-cadence-motion, data-spw-color-mode, data-spw-high-contrast, data-spw-metamaterial, data-spw-nav-tokenized, data-spw-notice-click-target, data-spw-ornament, data-spw-promo-theme, data-spw-show-footer, data-status Genome — custom propertie

reads attrs: data-spw-base-metamaterial data-spw-cadence data-spw-cadence-motion data-spw-color-mode data-spw-debug-layers data-spw-high-contrast data-spw-metamaterial data-spw-nav-tokenized data-spw-notice-click-target data-spw-ornament data-spw-promo-theme data-spw-show-footer

defines tokens: --credits-linger --footer-accent --footer-bg --footer-bg-strong --footer-panel-bg --footer-panel-bg-soft --footer-panel-line --footer-panel-line-strong

public/css/shell/chrome/header.css

shell/chrome/header.css — the proscenium -------------------------------------------------------------------------- Reads as: the site header shell: mast, trace, and the stage frame every route performs inside Was: shell/chrome.css §1 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-pressed, data-spw-annotation-state, data-spw-breadcrumb-state, data-spw-chrome-role, data-spw-features, data-spw-grounded, data-spw-handle-state, data-spw-hypermedia-extension, data-spw-sample-kind, data-spw-shell-menu-lock, data-spw-shell-pointer, data-spw-shell-scroll, data-spw-shell

reads attrs: data-spw-annotation-state data-spw-breadcrumb-state data-spw-chrome-role data-spw-debug-layers data-spw-features data-spw-grounded data-spw-handle-state data-spw-hypermedia-extension data-spw-sample-kind data-spw-shell-menu-lock data-spw-shell-pointer data-spw-shell-scroll data-spw-shell-scroll-direction data-spw-state-inspector data-spw-state-inspector-root

defines tokens: --active-op-color --sample-chip-bg --sample-chip-border --sample-chip-ink --shell-panel-bg --shell-panel-bg-soft --spw-attention-posture-min-block --spw-bottom-chrome-clearance --spw-header-indicator-opacity --spw-header-indicator-shift --spw-header-opacity-local --spw-header-trace-min-block --spw-header-trace-opacity --spw-header-trace-shift --spw-shell-chrome-accent-local --spw-shell-chrome-line-local --spw-shell-grid-areas --spw-shell-grid-columns --spw-shell-pointer-opacity --spw-shell-pointer-x --spw-shell-pointer-y

public/css/shell/chrome/navigation.css

shell/chrome/navigation.css — the usher corps -------------------------------------------------------------------------- Reads as: primary navigation: tokenized links, menu modes, disclosure, and wayfinding states Was: shell/chrome.css §2 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-current, aria-expanded, data-spw-color-mode, data-spw-features, data-spw-flow, data-spw-grounded, data-spw-interaction-destination, data-spw-interaction-tuner, data-spw-menu, data-spw-menu-changed, data-spw-menu-clarity, data-spw-menu-mode, data-spw-menu-phase, data-spw-menu-pressu

reads attrs: data-spw-color-mode data-spw-debug-layers data-spw-features data-spw-flow data-spw-grounded data-spw-interaction-destination data-spw-interaction-tuner data-spw-menu data-spw-menu-changed data-spw-menu-clarity data-spw-menu-mode data-spw-menu-phase data-spw-menu-pressure data-spw-menu-reversible data-spw-menu-topology data-spw-nav-destination data-spw-nav-fit data-spw-nav-tokenized data-spw-route-menu-layout data-spw-route-menu-scope data-spw-shell-end-slot data-spw-shell-layout data-spw-shell-pointer data-spw-shell-tune-surface

defines tokens: --pretext-block-pad --pretext-edge-opacity --pretext-inline-pad --pretext-outline-width --pretext-radius --pretext-rail-color --pretext-rail-glow --pretext-rail-width --pretext-surface-wash --shell-header-height --shell-header-pad-block --shell-nav-font-size --shell-nav-gap-inline --shell-nav-min-height --shell-nav-padding-inline --spw-nav-field-depth --spw-shell-grid-areas --spw-shell-grid-columns --spw-shell-guided-accent --spw-shell-link-current-bg-mix --spw-shell-link-current-border-mix --spw-shell-link-current-surface-mix --spw-shell-link-current-trace-opacity --spw-shell-link-grounded-bg-mix +24

public/css/shell/chrome/section-context.css

shell/chrome/section-context.css — the pocket program -------------------------------------------------------------------------- Reads as: section-context handle for mobile and narrow viewports: where am I, held in the hand Was: shell/chrome.css late §4 (split 2026-07-03, rule order preserved verbatim) Genome — states sensed: aria-current, aria-disabled, aria-expanded, data-spw-cauldron-resonance, data-spw-color-mode, data-spw-features, data-spw-handle-advanced, data-spw-handle-enhanced, data-spw-handle-phase, data-spw-handle-shell-state, data-spw-handle-state, data-spw-menu, data-spw-menu-mod

reads attrs: data-spw-cauldron-resonance data-spw-color-mode data-spw-debug-layers data-spw-features data-spw-handle-advanced data-spw-handle-enhanced data-spw-handle-phase data-spw-handle-shell-state data-spw-handle-state data-spw-menu data-spw-menu-mode data-spw-menu-overlay data-spw-menu-pressure data-spw-menu-topology data-spw-nav-tokenized data-spw-page-section-direction data-spw-page-section-phase data-spw-reduce-motion data-spw-section-handle data-spw-section-handle-desktop data-spw-section-has-vocabulary data-spw-shell-disclosure-init data-spw-shell-menu-lock data-spw-vocabulary-term data-spw-wonder-entry data-spw-wonder-state

defines tokens: --active-op-color --shell-nav-min-height --spw-handle-direction-glow --spw-shell-grid-areas --spw-shell-grid-columns --spw-shell-nav-polish-ink --spw-shell-nav-polish-line --spw-shell-nav-polish-line-strong --spw-shell-nav-polish-muted --spw-shell-nav-polish-surface --spw-shell-nav-polish-surface-soft

public/css/shell/layout.css

layout.css -------------------------------------------------------------------------- Purpose - Site shell, viewport framing, page scaffolding, safe-area behavior, generic page rhythm, header/footer/navigation contracts, and broad “default page” presentation for spwashi.com. - This file should be trustworthy even on pages with minimal markup. - It should provide a pleasant generic page by default, while leaving room for routes to bias identity later. Design stance - The shell should feel materially calm, structurally clear, and subtly dimensional before any route-specific CSS loads. - Defaults

reads attrs: data-spw-density data-spw-kind data-spw-layout data-spw-page-state data-spw-pivot-active data-spw-role data-spw-shell-density

defines tokens: --page-gutter-block --page-gutter-inline --page-section-gap --page-section-gap-tight --page-stack-gap --page-stack-gap-loose --page-width --page-width-atlas --page-width-newspaper --page-width-reading --page-width-wide --shell-duration-base --shell-duration-deliberate --shell-duration-fast --shell-ease --shell-footer-font-size --shell-footer-min-height --shell-footer-opacity --shell-header-grid-gap --shell-header-height --shell-header-min-height --shell-header-pad-block --shell-header-pad-inline --shell-hero-pad-block +51

public/css/style-core.css
public/css/style.css

Full-site stylesheet manifest. For production routes, prefer data-spw-stylesheet-mode="scoped" with flattened bundles under public/css/bundles/. style-core.css owns the shared kernel imports.

public/css/systems/coloring-depth.css

systems/coloring-depth.css -------------------------------------------------------------------------- Coloring depth: operator-accent routing for copy layers and composition tiers. Ladders (see .spw/conventions/coloring-depth.spw) - copy-depth : data-spw-copy-depth → --spw-copy-depth-accent - composition : data-spw-composition-tier → --spw-composition-depth-accent - palette-depth : owned by surfaces/palette-depth.css (material probes) Spend rule: copy-depth accents label optional prose layers; they do not replace semantic-accent on ordinary reading surfaces.

reads attrs: data-spw-composition-tier data-spw-copy-depth data-spw-module-visuals data-spw-page-modes data-spw-runtime-posture data-spw-semantic-density data-spw-semantic-expression

defines tokens: --spw-composition-depth-accent --spw-copy-depth-accent --spw-copy-depth-bg --spw-copy-depth-bg-mix --spw-copy-depth-line --spw-copy-depth-line-mix --spw-debug-layer-color --spw-debug-layer-owner

public/css/systems/component-packing.css

component-packing.css -------------------------------------------------------------------------- Component-local layout: a card arranges its OWN regions by its own inline size, not the viewport. This is the container-relative counterpart to spatial-gravity.css (which is viewport-relative): outer gravity says where a card sits; inner packing says how the card arranges itself. Both are first-class, and a card in a narrow column packs the same way whether that column is on a phone or a sidebar on a wide screen — because it reads its container, not the screen. Native + framework-free on purpose (c

reads attrs: data-spw-content-tone data-spw-pack-fill data-spw-pack-local data-spw-pack-region data-spw-pack-regions

defines tokens: --spw-pack-gap

public/css/systems/effect-interpretation.css

effect-interpretation.css -------------------------------------------------------------------------- Visual layer for interpreting image lenses, interaction states, and cues.

reads attrs: data-spw-component-variant-active data-spw-effect-view data-spw-explore-posture data-spw-image-discovery data-spw-image-interaction-state data-spw-image-lens-active data-spw-image-reward data-spw-image-surface data-spw-layout-posture data-spw-lens-chip data-spw-operator data-spw-reduce-motion

defines tokens: --spw-effect-accent --spw-effect-rail-opacity

public/css/systems/feature-discovery.css

feature-discovery.css -------------------------------------------------------------------------- The visible half of runtime/feature-discovery.js. A [data-spw-feature] cluster that has opted into the field guide gets quiet, naturalist feedback as a visitor meets it: encounter="novel" first sighting of a wholly new species encounter="convergent" first sighting of a species whose trait you have already collected elsewhere (convergent evolution) encounter="return" a species met before; its progression has deepened Feedback is deliberately subtle by default (a settling ring, a faint progr

reads attrs: data-spw-enhancement-level data-spw-feature data-spw-feature-convergent data-spw-feature-encounter data-spw-feature-fresh data-spw-feature-level

defines tokens: --spw-feature-accent --spw-feature-convergent-accent --spw-feature-presence --spw-feature-theatrics

public/css/systems/image-interaction.css

image-interaction.css -------------------------------------------------------------------------- Framing, hover/focus, tap/hold/swipe lens interaction for image figures. Performance/containment stays in image-utilization.css.

reads attrs: data-spw-hydration-pass data-spw-image-discovered data-spw-image-discovery data-spw-image-interaction-state data-spw-image-lens-active data-spw-image-prominence data-spw-image-reward data-spw-image-shape data-spw-image-surface data-spw-interaction-phase data-spw-loading-ecology-twinkle data-spw-microinteraction-pulse data-spw-reduce-motion

defines tokens: --spw-image-frame-line --spw-image-frame-pad --spw-image-interaction-contrast --spw-image-interaction-duration --spw-image-interaction-ease --spw-image-interaction-filter --spw-image-interaction-glow --spw-image-interaction-lift --spw-image-interaction-ring --spw-image-interaction-saturate --spw-image-interaction-scale --spw-image-lens-accent --spw-image-mat

public/css/systems/image-utilization.css

image-utilization.css -------------------------------------------------------------------------- Performance + distribution for figures and reward/discovery image surfaces. JS sets data-spw-image-utilization; CSS owns layout containment and decode cost without blocking authored aspect ratios.

reads attrs: data-spw-hydration-pass data-spw-image-discovered data-spw-image-discovery data-spw-image-distribution data-spw-image-reward data-spw-image-surface data-spw-image-utilization

defines tokens: --spw-image-distribution-gap --spw-image-utilization-contain

public/css/systems/interaction-progression.css

interaction-progression.css -------------------------------------------------------------------------- Interaction phase tokens and microinteraction pulses for progressive states.

reads attrs: data-spw-beat data-spw-component-genome data-spw-component-variant-active data-spw-copy-depth data-spw-enhancement-level data-spw-freshness-pulse data-spw-gesture data-spw-gesture-contract data-spw-image-interaction-state data-spw-image-lens-active data-spw-interaction-contract data-spw-interaction-phase data-spw-layout-selection-pulse data-spw-learnable-dimension data-spw-loop-state data-spw-microinteraction-pulse data-spw-operator data-spw-ornament data-spw-pinch-scaling data-spw-playing data-spw-reduce-motion data-spw-scroll-rail data-spw-semantic-cluster data-spw-semantic-density data-spw-variant-selected data-spw-variant-selection-pulse data-spw-variant-selection-weight data-spw-vocab data-spw-vocabulary-collectible

defines tokens: --palette-depth-strength --spw-color-layer-accent-apparent --spw-color-layer-accent-subtle --spw-contract-press-depth --spw-copy-depth-bg-mix --spw-copy-depth-line-mix --spw-ecology-beat-align --spw-ecology-settle-weight --spw-ecology-twinkle --spw-interaction-contract-surface --spw-interaction-loop-preview --spw-interaction-phase-tuning --spw-interaction-phase-weight --spw-layout-selection-duration --spw-microinteraction-pulse-duration --spw-microinteraction-pulse-intensity --spw-microinteraction-pulse-scale --spw-pre-state-visibility --spw-salience-weight --spw-site-rhythm-density --spw-variant-selection-duration --spw-variant-selection-weight

public/css/systems/interactive-medium.css

interactive-medium.css -------------------------------------------------------------------------- Device-aware modulation for entertainment / interactive routes. Imported last in the systems layer so module-added styles (scene-interaction, spw-key-events, palette-treat) spend shared tokens without fighting layout.

reads attrs: data-spw-component-density data-spw-hover-mode data-spw-interaction-posture data-spw-interactive-medium-ready data-spw-medium-register data-spw-pack-tier data-spw-pointer-mode data-spw-reveal-frame data-spw-reveal-phase data-spw-scene-interactive data-spw-scene-posture data-spw-scene-state data-spw-selection-state data-spw-viewport-tier

defines tokens: --spw-medium-accent-weight --spw-medium-hover-lift --spw-medium-lane-active-boost --spw-medium-lane-pad --spw-medium-layout-gap-scale --spw-medium-outline-offset --spw-medium-reveal-stagger-step --spw-medium-scene-coupling --spw-medium-touch-min --spw-module-style-modulator --spw-reveal-stagger-step --spw-scene-image-coupling --spw-scene-lane-active-strength --spw-variant-selection-weight

public/css/systems/layout-postures.css

layout-postures.css -------------------------------------------------------------------------- Layout tuner + explore posture + packing parity from settings/query surfaces. Theory (see .spw/conventions/page-frame-sizing.spw) - Frame (rem): --spw-shell-frame-cap / --spw-shell-frame-max / --spw-real-estate-frame - Measure (ch): --spw-layout-measure / --spw-real-estate-inline / measure bias - Posture bias multiplies measure and grid gap — not page-width rem into prose.

reads attrs: data-spw-component-density data-spw-component-variant-active data-spw-explore-posture data-spw-layout data-spw-layout-posture data-spw-layout-tuner data-spw-packing-state data-spw-page-role data-spw-query-parity data-spw-region data-spw-region-role data-spw-variant-selected

defines tokens: --spw-grid-min-active --spw-layout-posture-grid-bias --spw-layout-posture-measure-bias --spw-layout-posture-weight --spw-pack-tier --spw-pre-state-visibility --spw-tuning-discoverability --spw-variant-selection-weight

public/css/systems/palette-treat.css

palette-treat.css -------------------------------------------------------------------------- Discoverable palette treats: probe-chip splashes and operator resonance echo.

reads attrs: data-spw-beat data-spw-operator data-spw-palette-probe-rail data-spw-palette-splash data-spw-palette-treat data-spw-palette-treat-active data-spw-palette-treat-depth data-spw-palette-treat-probe data-spw-playing data-spw-reduce-motion

defines tokens: --palette-depth-strength --spw-palette-treat-accent --spw-palette-treat-depth-gain --spw-palette-treat-ring --spw-palette-treat-strength --spw-resonance --spw-salience-weight

public/css/systems/pretext-physics.css

pretext-physics.css -------------------------------------------------------------------------- Purpose - Visual contract for pretext runtime state. - Make text behavior inspectable and expressive without overwhelming reading. - Give designers stable hooks for microanimation, scaffolds, and semantic layout behavior. - Stay legible when enhancement is absent or reduced. Expected HTML / JS contract - [data-spw-flow="pretext"] - .pretext-flow-lines - .pretext-flow-line - .pretext-flow-line-text - .pretext-flow-scaffold Expected state attributes - [data-text-kind] - [data-text-density] - [data-text

reads attrs: data-spw-debug data-spw-flow data-spw-page-arrival data-spw-page-arrival-step data-spw-page-presence data-spw-page-transition-phase data-spw-role

defines tokens: --pretext-arrival-opacity --pretext-arrival-scale --pretext-arrival-shift --pretext-block-pad --pretext-edge-color --pretext-edge-offset --pretext-edge-opacity --pretext-edge-scale --pretext-inline-pad --pretext-line-gap --pretext-line-max-inline-size --pretext-line-opacity --pretext-line-scale --pretext-line-shift --pretext-outline-color --pretext-outline-width --pretext-radius --pretext-rail-color --pretext-rail-glow --pretext-rail-width --pretext-scaffold-border --pretext-scaffold-opacity --pretext-scaffold-scale --pretext-surface-wash +3

public/css/systems/registers.css

registers.css — Expressive Registers (systems layer) -------------------------------------------------------------------------- A composable grammar that projects the registered scalar channels declared in tokens/core.css (@property --spw-*) into visual expression. The model, in three strata (see .spw/conventions/expressive-registers.spw): 1. CHANNELS — nouns. Continuous scalars with documented polarity: --spw-depth 0 far → 1 near (lift) --spw-valence -1 avoid → +1 approach (temperature) --spw-resonance 0 isolated → 1 coupled (coupling ring) --spw-attention 0 ambient → 1 foc

reads attrs: data-spw-approach data-spw-express data-spw-operator data-spw-register data-spw-resonance-probe

defines tokens: --reg-attention --reg-cool --reg-depth --reg-resonance --reg-valence --reg-w-attention --reg-w-depth --reg-w-field --reg-w-resonance --reg-w-valence --reg-warm --spw-attention --spw-depth --spw-resonance --spw-valence

public/css/systems/semantic-copy-lens.css

systems/semantic-copy-lens.css -------------------------------------------------------------------------- Reads as: lens-sensitive copy and kind diversity for freshness and flow. Was: ad-hoc copy-depth notes + duplicate accents in semantic-variants. Genome: data-spw-copy-lens, data-spw-active-lens-mode, data-spw-kind hook|lens|metric Probe: switch a mode-switch lens; toggle semantic density; observe which copy layers appear and how hook/lens/metric rhythm shifts. Chunk of the semantic surface (with coloring-depth.css) so copy + lens stay a readable chapter instead of growing semantic-variants

reads attrs: data-spw-active-lens-mode data-spw-collection-fresh data-spw-component-kind data-spw-copy-depth data-spw-copy-lens data-spw-kind data-spw-lens-mode

defines tokens: --spw-copy-depth-bg-mix --spw-copy-depth-line-mix --spw-kind-rhythm --spw-variant-accent

public/css/systems/spatial-gravity.css

spatial-gravity.css -------------------------------------------------------------------------- The visible + functional half of runtime/spatial-gravity.js. Opt-in via [data-spw-gravity]; the runtime writes edge/vertical gravity, extent, and a proximity custom property, and these rules turn that into behavior you can feel: expansions open toward room, and the nearest viewport edge announces itself as you scroll. This grounds the conceptual #cognitive_gravity_planes in real geometry — "down" stops being a metaphor and becomes a measured pull the component responds to. Ungated so any surface can

reads attrs: data-spw-edge-gravity data-spw-extent data-spw-floating-chrome data-spw-gravity data-spw-gravity-readout data-spw-gravity-reveal data-spw-open-anchor data-spw-open-direction data-spw-salience data-spw-seating data-spw-yielded

defines tokens: --spw-edge-proximity --spw-gravity-rhythm --spw-horizontal-bias --spw-proximity-bottom --spw-proximity-left --spw-proximity-right --spw-proximity-top --spw-vertical-bias

public/css/systems/spw-key-events.css

spw-key-events.css -------------------------------------------------------------------------- Potentiation threads, scene-context depth, and staged information reveals.

reads attrs: data-spw-information-reveal data-spw-key-selection data-spw-reveal-frame data-spw-reveal-phase data-spw-reveal-source data-spw-scene-depth data-spw-scene-lane data-spw-scene-state data-spw-selection-state data-spw-wonder-block-state

defines tokens: --spw-key-potential-strength --spw-local-shadow --spw-microinteraction-pulse-intensity --spw-reveal-duration --spw-reveal-duration-fast --spw-reveal-ease --spw-reveal-frame-strength --spw-reveal-phase-weight --spw-reveal-stagger-step --spw-scene-context-strength

public/css/systems/substrate-ecology.css

substrate-ecology.css -------------------------------------------------------------------------- Purpose - Shared ecological contract for Spw surfaces. - Defines context, room, permeability, succession, and field-state tokens that other surface files can consume. - Keeps memo seams, helper seams, and environmental response generic enough to work across cards, labs, settings, figures, navigator, and console. Design rules - Surface ecology should be composable and medium-agnostic. - Local field state should feel environmental, not gimmicky. - Room-aware seams should appear only when the substrat

reads attrs: data-spw-context data-spw-field-wonder data-spw-loading-ecology-dimensions data-spw-loading-ecology-phase data-spw-memo-wonder data-spw-permeability data-spw-room data-spw-succession data-spw-surface-kind

defines tokens: --spw-debug-layer-color --spw-debug-layer-owner --spw-ecology-field-charge --spw-ecology-field-resonance --spw-field-charge --spw-field-comparison --spw-field-constraint --spw-field-inquiry --spw-field-memory --spw-field-orientation --spw-field-projection --spw-field-resonance --spw-surface-atmosphere --spw-surface-clarity --spw-surface-local-atmosphere --spw-surface-local-clarity --spw-surface-local-memory --spw-surface-local-permeability --spw-surface-local-pressure --spw-surface-local-resonance --spw-surface-memory --spw-surface-permeability --spw-surface-pressure --spw-surface-resonance +4

public/css/systems/surfaces/base.css

surfaces/base.css -------------------------------------------------------------------------- Shared shell variables and macro-layout normalization.

reads attrs: data-spw-attentional-weight data-spw-composition-stability data-spw-debug-mode data-spw-feature data-spw-gradient-boundary data-spw-layout data-spw-region-purpose data-spw-resolved-composition-stability

defines tokens: --site-frame-seam-color --spw-chassis-highlight --spw-grid-min-base --spw-grid-min-compact --spw-grid-min-mid --spw-grid-min-narrow --spw-palette-probe-1 --spw-palette-probe-2 --spw-palette-probe-3 --spw-palette-probe-4 --spw-shell-card-bg --spw-shell-card-bg-strong --spw-shell-card-gap --spw-shell-card-pad --spw-shell-card-shadow --spw-shell-card-shadow-raised --spw-shell-card-transition --spw-shell-inline-gap --spw-shell-line --spw-shell-line-strong --spw-shell-overlay --spw-shell-panel-bg --spw-shell-panel-bg-strong --spw-shell-panel-gap +5

public/css/systems/surfaces/drift.css

surfaces/drift.css -------------------------------------------------------------------------- Return-visitor, gratitude, and wonder reward surfaces.

public/css/systems/surfaces/learnability-ledger.css

surfaces/learnability-ledger.css -------------------------------------------------------------------------- Metacognitive posture, feature learnability, layout-contract alignment, and gesture resonance — accounting for how the visitor relates to Spw features without rewriting authored content.

reads attrs: data-spw-developmental-indicators data-spw-feature data-spw-gesture-hint data-spw-layout-contract data-spw-learnability-ledger data-spw-learnability-posture data-spw-learnability-process data-spw-learnability-resonance data-spw-learnability-stance-label data-spw-learnability-tier data-spw-metacognitive-stance data-spw-tuning-surface

defines tokens: --learnability-resonance-color --spw-perspective-salience

public/css/systems/surfaces/media.css

surfaces/media.css -------------------------------------------------------------------------- Media publishing and collection layouts.

reads attrs: data-spw-features

public/css/systems/surfaces/palette-depth.css

surfaces/palette-depth.css -------------------------------------------------------------------------- Palette depth layers: shadow, wash, glow, and atmospheric probes that make theme packs and resonance bias feel like layered metaphysical material.

reads attrs: data-spw-color-tuner data-spw-high-contrast data-spw-palette-resonance data-spw-theme-pack

defines tokens: --palette-depth-strength --pigment-lighting-guard --spw-palette-depth-field --spw-palette-depth-glow --spw-palette-depth-highlight --spw-palette-depth-mid --spw-palette-depth-shadow --spw-palette-depth-wash

public/css/systems/surfaces/philosophy.css

surfaces/philosophy.css -------------------------------------------------------------------------- Intent lattices, context edges, and semantic contracts.

reads attrs: data-spw-edge data-spw-intent data-spw-surface

defines tokens: --edge-accent --intent-accent --spw-philosophy-line --spw-philosophy-panel --spw-philosophy-paper

public/css/systems/surfaces/reading-layout.css

surfaces/reading-layout.css -------------------------------------------------------------------------- Reading posture and vertical flow — newspaper-dense desktop columns, diverse mobile section rhythm, and attention-architecture coupling. Driven by html[data-spw-layout-tuner] and html[data-spw-layout-flow].

reads attrs: data-spw-density data-spw-layout-flow data-spw-layout-tuner data-spw-page-section-phase data-spw-reading-beat data-spw-reading-beat-role data-spw-reading-groove data-spw-section-state data-spw-slot

defines tokens: --component-gap-tight --component-pad --measure-reading --page-section-gap --page-stack-gap --semantic-metadata-font-size --site-line-height --site-line-height-tight --spw-flow-space --spw-grid-gap-base --spw-grid-gap-mid --spw-grid-min-base --spw-grid-min-mid --spw-mobile-rhythm --surface-gap --text-flow-variable --text-rhythm-drag

public/css/systems/surfaces/rpg.css

surfaces/rpg.css -------------------------------------------------------------------------- RPG gameplay kits, character labs, and asset boards.

reads attrs: data-spw-features

public/css/systems/surfaces/topics.css

surfaces/topics.css -------------------------------------------------------------------------- Topic reference, study surfaces, and illustrated cards.

reads attrs: data-spw-image-shape

public/css/systems/surfaces/tuning-discoverability.css

surfaces/tuning-discoverability.css -------------------------------------------------------------------------- Marginalia and discoverability for embedded extension surfaces: layout, material, and gesture controls without rewriting content.

reads attrs: data-spw-affordance data-spw-cognitive-handles data-spw-embedded-tuning-host data-spw-hypermedia-extension data-spw-surface data-spw-tuning-dimension data-spw-tuning-discoverability data-spw-tuning-pulse data-spw-tuning-surface

defines tokens: --embedded-tuning-accent --tuning-edge-strength --tuning-marginalia-opacity --tuning-pulse-color

public/css/systems/surfaces/tuning.css

surfaces/tuning.css -------------------------------------------------------------------------- Climate tuning, vibe widgets, palette probes, and theme choosers.

reads attrs: data-spw-palette-probe-active

defines tokens: --theme-pack-preview-dark --theme-pack-preview-light --tuning-strip-gap

public/css/systems/svg-personas.css

svg-personas.css -------------------------------------------------------------------------- Spw SVG Personas & Meta-UI Tailors SVG rendering and interaction artifacts to the active technical persona. Integrated with the global token ecology, eliminating the need for manual dark/light mode overrides.

reads attrs: data-spw-persona

public/css/systems/svg-surfaces.css

svg-surfaces.css -------------------------------------------------------------------------- SVG surface layer. SVG enters as a bounded, captioned host. The HTML around the SVG remains the semantic source of truth; the graphic projects relationships over it. Operator node color contexts (.op-node--{type}) are ungated — they apply to any SVG that uses the naming convention, not just svg-surfaces contexts. This lets inline SVG diagrams live anywhere and still pick up the palette.

reads attrs: data-spw-capture-mode data-spw-contrast-state data-spw-features data-spw-image-state data-spw-svg-action data-spw-svg-action-state data-spw-svg-companion data-spw-svg-device data-spw-svg-environment data-spw-svg-node-state data-spw-svg-persona data-spw-svg-persona-active data-spw-svg-persona-match data-spw-svg-persona-select data-spw-svg-persona-select-state data-spw-svg-pointer data-spw-svg-pointer-state data-spw-svg-scale data-spw-svg-tune-contrast data-spw-svg-tune-motion

defines tokens: --spw-svg-brand-accent --spw-svg-brand-field --spw-svg-caption-opacity --spw-svg-device-pointer-lift --spw-svg-hit-min --spw-svg-motion-rate --spw-svg-narrative-intensity --spw-svg-node-fill-mix --spw-svg-persona-harmony --spw-svg-pointer-intensity --spw-svg-pointer-lift --spw-svg-pointer-x --spw-svg-pointer-x-ratio --spw-svg-pointer-y --spw-svg-pointer-y-ratio --spw-svg-rail-intensity --spw-svg-resolved-radius --spw-svg-surface-border --spw-svg-surface-max --spw-svg-surface-shadow

public/css/tokens/core.css

core.css -------------------------------------------------------------------------- Purpose - Define primitive scales, semantic aliases, and runtime-facing state contracts for Spw surfaces. - Support granular expressive styling for authoring, reading, revision, publishing, SVG diagrams, narrative interfaces, and JS-managed semantic surfaces. - Keep climate, theme, author workflow, and component expression separable. Architecture 1. Registered state properties 2. Primitive scales 3. Typography and manuscript rhythm 4. Color, material, line, and depth substrate 5. Motion and interaction grammar

reads attrs: data-spw-color-mode data-spw-color-tuner data-spw-component-density data-spw-component-motif data-spw-developmental-climate data-spw-font-size-scale data-spw-high-contrast data-spw-line-spacing data-spw-pedagogical-flavor data-spw-reduce-motion data-spw-semantic-density data-spw-spirit-phase data-spw-theme-pack data-spw-viewport-tier

defines tokens: --active-op-bg-soft --active-op-border --active-op-color --amber --amber-soft --annotation-accent --annotation-bg --annotation-line --attention-echo-duration --attention-field-decay --attention-field-radius --attention-handle-offset --attention-rail-gap --attention-rail-width --author-annotation-strength --author-draft-privacy --author-margin-presence --author-mode --author-mode-accent --author-mode-ink --author-mode-line --author-mode-wash --author-mode-wash-strong --author-publication-readiness +680

public/css/tokens/dimensions.css

dimensions.css -------------------------------------------------------------------------- Canonical cross-dimensional vocabulary for Spw surfaces. File role (code as documentation) - Names the axes that HTML attrs, JS datasets, and CSS tokens share. - Provides alias routing so drifted terms (dense/spacious, soft/roomy) map to one teachable ladder without rewriting every route. - Owns pre-state / empty-state visibility and theme-diverse color stacks. - Does not spend layout rules; components and systems consume these tokens. Dimension axes - spatial : packing tiers, occupancy, room, measure -

reads attrs: data-spw-color-mode data-spw-component-density data-spw-component-state data-spw-content-variant data-spw-density data-spw-design-ecology-packing data-spw-empty data-spw-genre data-spw-hydration data-spw-hydration-pass data-spw-layout data-spw-lifecycle data-spw-loading-ecology-dimensions data-spw-loading-ecology-phase data-spw-loading-ecology-salience data-spw-pack data-spw-pack-occupancy data-spw-packing-state data-spw-page-arrival data-spw-page-modes data-spw-page-presence data-spw-page-role data-spw-pre-state-visibility data-spw-semantic-variant data-spw-settings-momentum data-spw-theme-pack

defines tokens: --flow-space --spw-color-layer-accent-apparent --spw-color-layer-accent-subtle --spw-color-layer-fill --spw-color-layer-fill-muted --spw-color-layer-ink --spw-color-layer-ink-muted --spw-color-layer-line --spw-lifecycle-phase --spw-medium-accent-weight --spw-medium-intensity --spw-medium-lane-pad --spw-medium-layout-gap-scale --spw-medium-reveal-stagger-step --spw-medium-touch-min --spw-module-style-modulator --spw-pack-gap-active --spw-pack-measure-active --spw-pack-occupancy-weight --spw-pack-pad-active --spw-pack-tier --spw-position-bias-y --spw-position-depth --spw-position-phase +16

public/css/typography/base.css

base.css -------------------------------------------------------------------------- Spw General & Operator Typography * Defines the core reading rhythm, heading scales, and rich-text semantics. Also houses the dynamic operator typography, where font axes (weight, tracking, size, oblique) interpolate based on the `--charge` state.

reads attrs: data-spw-charge data-spw-grounded data-spw-grounded-in data-spw-operator data-spw-readable

defines tokens: --charge --flow-space --spw-debug-layer-color --spw-debug-layer-owner --spw-heading-flow-space-multiplier --spw-link-grounded-color --spw-link-visited-color --type-oblique-range --type-size-surge --type-tracking-base --type-tracking-range --type-weight-base --type-weight-range

public/css/typography/context.css

context.css -------------------------------------------------------------------------- Spw Typography Context Routing Modulates the base typography and operator axes based on the surrounding environmental state (density, rhythm, and layout stability).

reads attrs: data-spw-operator data-spw-rhythm

defines tokens: --type-field-pressure --type-field-rhythm-bias --type-field-sigil-salience --type-size-surge --type-tracking-range --type-weight-bias --type-weight-range

public/css/typography/typesetting.css

typesetting.css -------------------------------------------------------------------------- Editorial Typography & Interactive Publishing Provides utility for expressive layouts, "wonder" mode reading, fluid typography scaling, optical sizing, and reading lenses. Activated via: [data-spw-typeset="editorial"]

reads attrs: data-spw-focus-lens data-spw-layout data-spw-pinch-scaling data-spw-reading-beat data-spw-reading-beat-role data-spw-reading-groove data-spw-typeset data-spw-typeset-surface

defines tokens: --site-body-font --site-editorial-font --spw-reading-lead-accent --spw-reading-lead-color --spw-reading-lead-glow --spw-reading-lead-opacity --spw-reading-lead-shift --spw-reading-near-accent --spw-reading-near-color --spw-reading-near-opacity --spw-reading-near-shift --spw-reading-rest-color --spw-reading-rest-opacity --spw-reading-rest-shift --surface-editorial

src/styles/entries/debug.css

debug.css -------------------------------------------------------------------------- Purpose - Debug-only overlays for page surface -> feature/module -> slots. - Optional layer-owner labels for cascade-resolved diagnostic markers. Activation - html[data-spw-debug-mode="on"] or [data-spw-debug~="css"] or [data-spw-debug~="layout"]. - html[data-spw-debug-layers="on"] or [data-spw-debug~="layers"]. Ownership - Expose structure only; move required UI rules to the semantic owner. - Layer labels show diagnostic owner markers, not full CSS provenance.

reads attrs: data-spw-accent data-spw-box-model data-spw-box-story data-spw-charge data-spw-component-id data-spw-component-kind data-spw-composition-flow data-spw-context data-spw-debug data-spw-debug-layers data-spw-debug-mode data-spw-feature data-spw-floating-chrome data-spw-kind data-spw-layout data-spw-layout-owner data-spw-metamaterial data-spw-module data-spw-module-evaluates data-spw-ornament-state data-spw-page-family data-spw-page-primary-action data-spw-page-responsibility data-spw-page-role data-spw-page-status data-spw-page-zone data-spw-route-family data-spw-semantic-owner data-spw-slot data-spw-surface data-spw-wonder-state

defines tokens: --spw-css-debug-color --spw-layer-debug-color

src/styles/entries/design-experiments.css

design-experiments.css -------------------------------------------------------------------------- Purpose - Route-scoped experiment-lab styles keyed by body[data-spw-page-family="experiment-lab"]. - Keep experimental controls readable while preserving the shared frame, slot, and semantic metadata contracts. - Keep experiment blocks mapped to visible HTML nouns. Debugging notes - Prefer data-spw-feature or data-spw-slot for durable clusters. - If a rule would help more than one route, move it to components or systems/surfaces instead of widening this file.

reads attrs: data-spw-page-family

defines tokens: --design-rule-accent --svg-workbench-accent

src/styles/entries/tools-budgeting-surface.css

tools-budgeting-surface.css -------------------------------------------------------------------------- Purpose - Route-scoped surface for body[data-spw-surface="tools-budgeting"]. - Present budgeting as a compact working dashboard without moving shared card, panel, or shell ownership out of the system CSS files. - Keep dashboard, panel, summary, row, and status semantics inspectable. Debugging notes - Use route scope first, then component nouns. - Promote reusable table/card/control behavior to component-family CSS.

reads attrs: data-spw-surface

Assets

Public image assets and review-side renders. This section is meant for local and production review of the site media inventory.

apple-touch-icon.png

1 asset

assets

2 assets

assets/home

13 assets

assets/illustrations

9 assets

assets/motifs

3 assets

creatures

4 assets

favicon.ico

1 asset

favicon.svg

1 asset

home

18 assets

icon-192.png

1 asset

icon-512.png

1 asset

icon-maskable-512.png

1 asset

play/rpg-wednesday

2 assets

renders/_raw

8 assets

renders/_raw-2x2

3 assets

renders/2026-03-10-favicon-study

10 assets

renders/2026-05-B-rhythms

50 assets

renders/papergami

10 assets

renders/unsorted-curation

13 assets

routes

27 assets

routes/design

6 assets

routes/home

26 assets

routes/play

6 assets

routes/recipes

6 assets

services

1 asset

topics/math

1 asset

Custom-property tokens

Every --token — where defined, where consumed.

--about-accent

defined in: public/css/routes/surfaces/about.css

--about-accent-2

defined in: public/css/routes/surfaces/about.css

--about-accent-2-soft

defined in: public/css/routes/surfaces/about.css

--about-accent-3

defined in: public/css/routes/surfaces/about.css

--about-accent-3-soft

defined in: public/css/routes/surfaces/about.css

--about-accent-soft

defined in: public/css/routes/surfaces/about.css

--about-bg

defined in: public/css/routes/surfaces/about.css

--about-bg-deep

defined in: public/css/routes/surfaces/about.css

--about-bg-field

defined in: public/css/routes/surfaces/about.css

--about-frame-shadow

defined in: public/css/routes/surfaces/about.css

--about-frame-shadow-hover

defined in: public/css/routes/surfaces/about.css

--about-ink

defined in: public/css/routes/surfaces/about.css

--about-ink-faint

defined in: public/css/routes/surfaces/about.css

--about-ink-mid

defined in: public/css/routes/surfaces/about.css

--about-ink-soft

defined in: public/css/routes/surfaces/about.css

--about-line

defined in: public/css/routes/surfaces/about.css

--about-line-accent

defined in: public/css/routes/surfaces/about.css

--about-line-strong

defined in: public/css/routes/surfaces/about.css

--about-panel-radius

defined in: public/css/routes/surfaces/about.css

--about-panel-radius-loose

defined in: public/css/routes/surfaces/about.css

--about-surface

defined in: public/css/routes/surfaces/about.css

--about-surface-matte

defined in: public/css/routes/surfaces/about.css

--about-surface-soft

defined in: public/css/routes/surfaces/about.css

--about-surface-strong

defined in: public/css/routes/surfaces/about.css

--accent
--active-op-bg-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/routes/surfaces/about.css public/css/routes/surfaces/contact.css public/css/routes/surfaces/plans.css public/css/routes/surfaces/recipes.css public/css/tokens/core.css

--active-op-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/routes/surfaces/about.css public/css/routes/surfaces/contact.css public/css/routes/surfaces/plans.css public/css/routes/surfaces/recipes.css public/css/tokens/core.css

--active-op-color

initial: hsl(180 72% 30%)

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css design/experiments/load-symphony/css/movement-3-instruments.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/grammar/syntax.css public/css/handles/operators/state-semantics.css public/css/handles/page-region-rail.css public/css/ornament/relational-state.css public/css/routes/surfaces/about.css public/css/routes/surfaces/contact.css public/css/routes/surfaces/design.css public/css/routes/surfaces/home.css public/css/routes/surfaces/plans.css public/css/routes/surfaces/recipes.css public/css/routes/surfaces/rpg-wednesday.css public/css/routes/surfaces/settings.css public/css/routes/surfaces/topics.css public/css/shell/chrome/header.css public/css/shell/chrome/section-context.css public/css/tokens/core.css

--amber

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/routes/surfaces/home.css public/css/tokens/core.css

--amber-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--amount-bg

defined in: public/css/components/cards/payment-card.css

--amount-bg-hover

defined in: public/css/components/cards/payment-card.css

--amount-bg-selected

defined in: public/css/components/cards/payment-card.css

--amount-border

defined in: public/css/components/cards/payment-card.css

--angle-close-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--angle-height

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--angle-offset

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--angle-open-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--angle-stroke

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--angle-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--annotation-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--annotation-bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--annotation-line

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--attention-echo-duration

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/tokens/core.css

--attention-field-decay

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--attention-field-radius

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--attention-handle-offset

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--attention-rail-gap

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--attention-rail-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-annotation-strength

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-draft-privacy

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-margin-presence

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-mode

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-mode-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-mode-ink

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-mode-line

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-mode-wash

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-mode-wash-strong

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-publication-readiness

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--author-thread-density

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--badge-bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--badge-text

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--bane-bg-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bane-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bane-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bane-glow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/routes/surfaces/craft.css public/css/routes/surfaces/home.css public/css/routes/surfaces/play.css public/css/tokens/core.css

--bg-deep

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/routes/surfaces/craft.css public/css/routes/surfaces/play.css public/css/tokens/core.css

--bg-field

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/routes/surfaces/craft.css public/css/routes/surfaces/home.css public/css/tokens/core.css

--bg-ritual

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bhm-accent

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-bane-color

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-bg

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-bone-color

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-bonk-color

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-boon-color

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-center-glow

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-center-scale

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-charge

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-depth-lift

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-duration-base

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-duration-deliberate

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-duration-fast

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-ease

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-field-glow

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-gap-x

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-gap-y

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-honk-color

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-line

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-node-glow

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-operator-border

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-operator-color

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-operator-soft

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-pad

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-polygon-opacity

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-radius

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-settle-ease

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-surface-rim

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-surface-tint

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-text

defined in: public/css/routes/widgets/boonhonk-mixer.css

--bhm-text-soft

defined in: public/css/routes/widgets/boonhonk-mixer.css

--block-border-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-border-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-depth-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-depth-size

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-highlight-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-highlight-offset

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-hover-border-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-hover-depth-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-hover-highlight-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-inset

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--block-radius

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--blog-accent

defined in: public/css/routes/surfaces/blog.css

--blog-bg

defined in: public/css/routes/surfaces/blog.css

--blog-bg-card

defined in: public/css/routes/surfaces/blog.css

--blog-bg-card-strong

defined in: public/css/routes/surfaces/blog.css

--blog-bg-deep

defined in: public/css/routes/surfaces/blog.css

--blog-card-readable-width

defined in: public/css/routes/surfaces/blog-frames.css

--blog-draft

defined in: public/css/routes/surfaces/blog.css

--blog-draft-bg

defined in: public/css/routes/surfaces/blog.css

--blog-field-bg

defined in: public/css/routes/surfaces/blog.css

--blog-focus-outline

defined in: public/css/routes/surfaces/blog.css

--blog-focus-ring

defined in: public/css/routes/surfaces/blog.css

--blog-frame-objective-opacity

defined in: public/css/routes/surfaces/blog-frames.css

--blog-frame-subjective-opacity

defined in: public/css/routes/surfaces/blog-frames.css

--blog-gap-1

defined in: public/css/routes/surfaces/blog.css

--blog-gap-2

defined in: public/css/routes/surfaces/blog.css

--blog-gap-3

defined in: public/css/routes/surfaces/blog.css

--blog-gap-4

defined in: public/css/routes/surfaces/blog-layouts.css public/css/routes/surfaces/blog.css

--blog-gap-5

defined in: public/css/routes/surfaces/blog.css

--blog-ink

defined in: public/css/routes/surfaces/blog.css

--blog-ink-soft

defined in: public/css/routes/surfaces/blog.css

--blog-line

defined in: public/css/routes/surfaces/blog.css

--blog-line-strong

defined in: public/css/routes/surfaces/blog.css

--blog-measure

defined in: public/css/routes/surfaces/blog.css

--blog-objective-line

defined in: public/css/routes/surfaces/blog.css

--blog-panel-pad

defined in: public/css/routes/surfaces/blog-layouts.css public/css/routes/surfaces/blog.css

--blog-play

defined in: public/css/routes/surfaces/blog.css

--blog-pretext-line-gap-approach

defined in: public/css/routes/surfaces/blog-frames.css

--blog-pretext-line-gap-contact

defined in: public/css/routes/surfaces/blog-frames.css

--blog-pretext-line-gap-projecting

defined in: public/css/routes/surfaces/blog-frames.css

--blog-pretext-line-gap-resting

defined in: public/css/routes/surfaces/blog-frames.css

--blog-radius

defined in: public/css/routes/surfaces/blog.css

--blog-radius-loose

defined in: public/css/routes/surfaces/blog.css

--blog-radius-tight

defined in: public/css/routes/surfaces/blog.css

--blog-readable-width

defined in: public/css/routes/surfaces/blog-frames.css

--blog-rhythm-accent-mix

defined in: public/css/routes/surfaces/blog-frames.css

--blog-rhythm-border-strength

defined in: public/css/routes/surfaces/blog-frames.css

--blog-rhythm-shadow-strength

defined in: public/css/routes/surfaces/blog-frames.css

--blog-shadow-card

defined in: public/css/routes/surfaces/blog.css

--blog-shadow-soft

defined in: public/css/routes/surfaces/blog.css

--blog-spw

defined in: public/css/routes/surfaces/blog.css

--blog-spw-bg

defined in: public/css/routes/surfaces/blog.css

--blog-subjective-line

defined in: public/css/routes/surfaces/blog.css

--blog-transition-fast

defined in: public/css/routes/surfaces/blog.css

--blog-transition-ui

defined in: public/css/routes/surfaces/blog.css

--blog-warn

defined in: public/css/routes/surfaces/blog.css

--blog-warn-bg

defined in: public/css/routes/surfaces/blog.css

--blog-wonder

defined in: public/css/routes/surfaces/blog.css

--blog-wonder-bg

defined in: public/css/routes/surfaces/blog.css

--blue

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bone-bg-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bone-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bone-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bonk-bg-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bonk-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--bonk-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--boon-bg-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--boon-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--boon-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--boon-glow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--border-color
--border-soft
--boundary-rail-width-strong
--brace-close-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/grammar/syntax.css public/css/handles/operators/state-semantics.css

--brace-corner-height

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css

--brace-corner-offset

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css

--brace-corner-radius

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--brace-corner-stroke

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--brace-corner-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css

--brace-edge-alpha

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--brace-glow-alpha

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--brace-inner-density

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--brace-measure-tint

defined in: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/operators/state-semantics.css

--brace-open-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-3-instruments.css public/css/grammar/syntax.css public/css/handles/operators/state-semantics.css

--brace-settle-duration

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--brace-settle-ease

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--brace-strip-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--canvas-blend

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/ornament/canvas-accents.css

--canvas-opacity

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/ornament/canvas-accents.css

--card-bg

defined in: public/css/components/cards/payment-card.css

--card-bg-hover
--card-bg-soft

defined in: public/css/components/cards/payment-card.css

--card-border
--card-border-color

defined in: public/css/components/cards/payment-card.css

--card-border-emphasis

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/routes/surfaces/home.css public/css/tokens/core.css

--card-border-hover
--card-border-strong

defined in: public/css/components/cards/payment-card.css

--card-charge

defined in: public/css/components/cards/profile-card.css public/css/components/cards/seed-card.css

--card-font

defined in: public/css/components/cards/payment-card.css

--card-highlight

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css public/css/routes/surfaces/topics.css public/css/routes/surfaces/website.css public/css/tokens/core.css

--card-internal-gap

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/card-ecology.css public/css/components/cards.css

--card-max-width

defined in: public/css/components/cards/payment-card.css

--card-padding

defined in: public/css/components/cards/payment-card.css

--card-radius

defined in: public/css/components/cards/payment-card.css

--card-rhythm

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/card-ecology.css public/css/components/cards.css

--card-secondary-opacity

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/card-ecology.css public/css/components/cards.css

--card-secondary-shift

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/cards.css

--card-secondary-weight

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/cards.css

--card-shadow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-2b-route-topics.css public/css/components/cards/payment-card.css public/css/routes/surfaces/topics.css public/css/routes/surfaces/website.css public/css/tokens/core.css

--card-shadow-active

defined in: public/css/components/cards/payment-card.css

--card-shadow-hover

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--card-text

defined in: public/css/components/cards/payment-card.css

--card-text-faint

defined in: public/css/components/cards/payment-card.css

--card-text-soft

defined in: public/css/components/cards/payment-card.css

--care-accent

defined in: public/css/routes/widgets/care-intake.css

--care-accent-soft

defined in: public/css/routes/widgets/care-intake.css

--care-accent-wash

defined in: public/css/routes/widgets/care-intake.css

--care-charge

defined in: public/css/routes/widgets/care-intake.css

--care-line

defined in: public/css/routes/widgets/care-intake.css

--cauldron-candidate-wash

initial: transparent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/shell/chrome/adaptive.css public/css/tokens/core.css

--cauldron-chip-bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/shell/chrome/adaptive.css

--cauldron-chip-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/shell/chrome/adaptive.css

--cauldron-chip-ink

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/shell/chrome/adaptive.css

--cauldron-highlight

initial: transparent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/cards.css public/css/components/foundation.css public/css/shell/chrome/adaptive.css public/css/tokens/core.css

--cauldron-tether

defined in: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/operators/state-semantics.css

--charcoal
--charcoal-dark

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--charcoal-light

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--charcoal-rgb

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--charge

initial: 0

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css public/css/tokens/core.css public/css/typography/base.css

--charge-accent

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--charge-ink

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--charge-kinetic

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--charge-manifest

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--charge-none

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--charge-potential

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--charge-release-duration

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--charge-release-ease

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--charge-state

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--charge-wash

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--chrome-font

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/floating-chrome.css

--chrome-gap

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/floating-chrome.css

--chrome-pad

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/floating-chrome.css public/css/components/query-composer.css

--cinematic-arrive-duration

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-arrive-ease

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-climate-atmosphere

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-climate-charge-bias

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-climate-clarity

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-climate-memory

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-climate-pressure

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-climate-resonance

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-climate-selection-bias

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-depth-scale

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-dwell-duration

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-dwell-ease

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-ease
--cinematic-field-color

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-field-opacity

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-field-radius

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-glow-scale

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-intensity

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-outline-alpha

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-outline-scale

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-release-duration

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-release-ease

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-shadow-alpha

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-wash-alpha

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--cinematic-wash-scale

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/cinematic.css

--circle-close-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--circle-height

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--circle-offset

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--circle-open-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--circle-stroke

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--circle-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--climate-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-ink

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-line

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-line-strong

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-wash

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-wash-strong

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-anchor-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-annotation

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-annotation-strength

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-atmosphere-bias

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-badge-bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-badge-text

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-charge-bias

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-clarity

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-clarity-bias

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-connection-strength

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-density

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-frame-header-line

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-frame-left-rail

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-gap-scale

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-hint-opacity

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-hover-lift

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-interaction

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-local-gap

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-local-pad

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-margin-tint

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-memory-bias

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-menu-bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-menu-line

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-menu-shadow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-offer-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-orient-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-outline-strength

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-pad-scale

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-paper-tint

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-pressure-bias

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-publication

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-publication-strength

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-rehearse-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-relation

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-resonance-bias

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-seam

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-seam-color

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-seam-width

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css

--climate-selection-bias

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-selection-ring

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-transition-duration

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--climate-transition-slow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--climate-transition-timing

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--climate-weave-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--code-color
--cognitive-container-tint

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/frames.css

--coherence

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--component-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/routes/surfaces/home.css

--component-accent-emphasis

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-accent-secondary

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-accent-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-accent-strong

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-accent-subtle

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-accent-wash

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-arrival-offset

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/signals.css public/css/components/surfaces.css

--component-arrival-opacity

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/signals.css public/css/components/surfaces.css

--component-background-image
--component-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/runtime-states.css

--component-border-quiet

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-border-strong

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/runtime-states.css

--component-card-detail-opacity

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-card-detail-shift

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-card-detail-weight

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-chip-height

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-code-measure

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-feature-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/signals.css

--component-frame-shadow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-frame-shadow-active

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-gap

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/typography-packing.css

--component-gap-loose

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-gap-roomy

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-gap-tight

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/content.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/systems/surfaces/reading-layout.css

--component-header-min-height

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-ink

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-layer-base

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-layer-overlay

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-layer-raised

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-line
--component-material-bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/frames.css

--component-material-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/frames.css

--component-material-shadow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/frames.css

--component-measure

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/frames.css

--component-measure-tight

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-measure-wide

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-micro-lift

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-micro-press-scale

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-module-active-ring

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-module-context-ring

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-module-hydration-ring

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-module-rail-end

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-module-rail-opacity

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/runtime-states.css

--component-module-rail-start

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-module-rail-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-pad

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/content.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/components/typography-packing.css public/css/systems/surfaces/reading-layout.css

--component-pad-loose

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-pad-roomy

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-pad-tight

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-radius

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-radius-loose

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-radius-pill

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-radius-tight

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-rail-width

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-route-accent

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/semantic-learning.css public/css/components/signals.css

--component-route-marker-bg

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-route-marker-line

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-route-marker-text

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-shadow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-shadow-active

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-shadow-quiet

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-surface

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-surface-elevated

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-surface-lift

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/surfaces.css

--component-surface-matte

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-surface-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-surface-strong

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-text

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/surfaces.css

--component-text-soft

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/surfaces.css

--component-transition-arrival

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css public/css/components/signals.css

--component-transition-base

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-transition-deliberate

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--component-transition-fast

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/components/foundation.css

--conception-color

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/electromagnetic-container.css

--connector-color

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--console-idle-opacity
--contact-accent

defined in: public/css/routes/surfaces/contact.css

--contact-accent-2

defined in: public/css/routes/surfaces/contact.css

--contact-accent-2-soft

defined in: public/css/routes/surfaces/contact.css

--contact-accent-3

defined in: public/css/routes/surfaces/contact.css

--contact-accent-3-soft

defined in: public/css/routes/surfaces/contact.css

--contact-accent-soft

defined in: public/css/routes/surfaces/contact.css

--contact-bg

defined in: public/css/routes/surfaces/contact.css

--contact-bg-deep

defined in: public/css/routes/surfaces/contact.css

--contact-bg-field

defined in: public/css/routes/surfaces/contact.css

--contact-frame-shadow

defined in: public/css/routes/surfaces/contact.css

--contact-frame-shadow-hover

defined in: public/css/routes/surfaces/contact.css

--contact-ink

defined in: public/css/routes/surfaces/contact.css

--contact-ink-faint

defined in: public/css/routes/surfaces/contact.css

--contact-ink-mid

defined in: public/css/routes/surfaces/contact.css

--contact-ink-soft

defined in: public/css/routes/surfaces/contact.css

--contact-line

defined in: public/css/routes/surfaces/contact.css

--contact-line-strong

defined in: public/css/routes/surfaces/contact.css

--contact-panel-radius

defined in: public/css/routes/surfaces/contact.css

--contact-panel-radius-loose

defined in: public/css/routes/surfaces/contact.css

--contact-priority-ring

defined in: public/css/routes/surfaces/contact.css

--contact-surface

defined in: public/css/routes/surfaces/contact.css

--contact-surface-soft

defined in: public/css/routes/surfaces/contact.css

--contact-surface-strong

defined in: public/css/routes/surfaces/contact.css

--container-border

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--container-shadow

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--container-surface

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/grammar/syntax.css

--craft-accent

defined in: public/css/routes/surfaces/craft.css

--craft-accent-soft

defined in: public/css/routes/surfaces/craft.css

--craft-display

defined in: public/css/routes/surfaces/craft.css

--craft-fold-edge

defined in: public/css/routes/surfaces/craft.css

--craft-gold-dust

defined in: public/css/routes/surfaces/craft.css

--craft-ink-blue

defined in: public/css/routes/surfaces/craft.css

--craft-leaf

defined in: public/css/routes/surfaces/craft.css

--craft-panel-glow

defined in: public/css/routes/surfaces/craft.css

--craft-panel-shadow

defined in: public/css/routes/surfaces/craft.css

--craft-rose-ink

defined in: public/css/routes/surfaces/craft.css

--craft-sans

defined in: public/css/routes/surfaces/craft.css

--craft-serif

defined in: public/css/routes/surfaces/craft.css

--craft-teal

defined in: public/css/routes/surfaces/craft.css

--credits-linger

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/shell/chrome/footer.css

--crescendo-cinematic

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--crescendo-component

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--crescendo-compositional

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--crescendo-grain

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--crescendo-ornament

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--crescendo-structural

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--crescendo-surface

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--current-phase-hue
--current-phase-light
--current-phase-sat
--danger
--delight-color

defined in: design/experiments/load-symphony/css/movement-4-atmosphere.css public/css/effects/wonder.css

--demo-color
--depth-0

defined in: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/cognitive-handles.css

--depth-1

defined in: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/cognitive-handles.css

--depth-2

defined in: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/cognitive-handles.css

--depth-3

defined in: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/cognitive-handles.css

--depth-4

defined in: design/experiments/load-symphony/css/movement-3-instruments.css public/css/handles/cognitive-handles.css

--depth-active

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--depth-ambient

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--depth-cinematic

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--depth-indicator-width
--depth-projected

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--depth-settled

defined in: design/experiments/load-symphony/css/movement-1-2-reading.css public/css/tokens/core.css

--design-ecology-accent

defined in: public/css/routes/surfaces/design.css

--design-ecology-bubble-fill

defined in: public/css/routes/surfaces/design.css

--design-ecology-bubble-line

defined in: public/css/routes/surfaces/design.css

--design-ecology-bubble-radius

defined in: public/css/routes/surfaces/design.css

--design-ecology-resonance
--design-ecology-resonance-ambient
--design-ecology-resonance-glow
--design-ecology-resonance-lift
--design-ecology-resonance-wash
--design-ecology-settle-y

defined in: public/css/routes/surfaces/design.css

--design-meter-fill
--design-rule-accent

defined in: public/css/routes/surfaces/design-experiments.css src/styles/entries/design-experiments.css

--design-surface-accent

defined in: public/css/routes/surfaces/design.css

--design-surface-accent-strong

defined in: public/css/routes/surfaces/design.css

--design-surface-accent-warm

defined in: public/css/routes/surfaces/design.css

--design-surface-base

defined in: public/css/routes/surfaces/design.css

--design-surface-base-soft

defined in: public/css/routes/surfaces/design.css

--design-surface-base-strong

defined in: public/css/routes/surfaces/design.css

--design-surface-contrast

defined in: public/css/routes/surfaces/design.css

--design-surface-ink

defined in: public/css/routes/surfaces/design.css

--design-surface-ink-mid

defined in: public/css/routes/surfaces/design.css

--design-surface-ink-on-matte

defined in: public/css/routes/surfaces/design.css

--design-surface-ink-on-matte-soft

defined in: public/css/routes/surfaces/design.css

--design-surface-ink-soft

defined in: public/css/routes/surfaces/design.css

--design-surface-line

defined in: public/css/routes/surfaces/design.css

--design-surface-line-strong

defined in: public/css/routes/surfaces/design.css

--design-surface-link

defined in: public/css/routes/surfaces/design.css

--design-surface-matte

defined in: public/css/routes/surfaces/design.css

--design-surface-matte-strong

defined in: public/css/routes/surfaces/design.css

--design-surface-panel

defined in: public/css/routes/surfaces/design.css

--design-surface-panel-bg

defined in: public/css/routes/surfaces/design.css

Showing first 500 of 2525 tokens. See catalog.json for the full list.

Philosophy docs

.spw/ files that name attributes or tokens — the prose source of meaning.

.spw/audits/component-philosophy-harmony-2026-07.spw

mentions attrs: data-spw-anatomy data-spw-approach data-spw-attribute-governance data-spw-box-model data-spw-box-settle-phase data-spw-card-resonance data-spw-charge data-spw-collected data-spw-composition-flow data-spw-content-density data-spw-content-tone data-spw-context data-spw-express data-spw-feature data-spw-features data-spw-field-salience data-spw-figure-rail data-spw-kind data-spw-module-salience data-spw-pack-fill data-spw-pack-layout data-spw-pack-local data-spw-pack-settle data-spw-page-family data-spw-page-modes data-spw-page-role data-spw-page-state data-spw-palette-resonance data-spw-register data-spw-resonance-probe data-spw-role data-spw-salience data-spw-slot data-spw-surface data-spw-wonder data-spw-wonder-state

.spw/audits/language-census.spw

mentions attrs: data-spw-accent-concept data-spw-active-beat data-spw-active-beat-reason data-spw-active-beat-state data-spw-active-layers data-spw-active-lens-mode data-spw-active-sigil data-spw-active-sigil-operator data-spw-active-sigil-page data-spw-active-sigil-region data-spw-age data-spw-alignment-hint data-spw-allocation data-spw-anatomy-state data-spw-attention-panel-close data-spw-attention-panel-global data-spw-attention-panel-local data-spw-attention-panel-self data-spw-attention-panel-summary data-spw-attention-posture data-spw-attention-posture-label data-spw-attribute-governance data-spw-author-mode data-spw-author-surface data-spw-bare-spw-enhanced data-spw-base-material data-spw-bookmarked data-spw-bookmarks-root data-spw-bottom-lane-handle data-spw-bottom-lane-managed data-spw-bottom-lane-mode data-spw-brace-nesting data-spw-brace-physics data-spw-brace-state data-spw-breadcrumb-action data-spw-breadcrumb-menu-changed data-spw-breadcrumb-menu-clarity data-spw-breadcrumb-menu-mode data-spw-breadcrumb-menu-phase data-spw-breadcrumb-menu-state data-spw-breadcrumb-region-menu data-spw-breadcrumb-reversible data-spw-breadcrumb-selector data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-brush-active data-spw-brush-mode data-spw-cadence-day data-spw-cast-form data-spw-cauldron-chip-count data-spw-cauldron-chip-phase data-spw-cauldron-remove data-spw-charge-direction data-spw-charge-phase data-spw-charge-state data-spw-checkpoint data-spw-child-active data-spw-chrome-collapse data-spw-chrome-fluid data-spw-chrome-island data-spw-chrome-position data-spw-chrome-tier data-spw-circuit-role data-spw-cognitive-container data-spw-cognitive-handles data-spw-collected-kind data-spw-collection-action data-spw-color-tuner data-spw-component-density data-spw-component-genome data-spw-component-id data-spw-component-lifecycle data-spw-component-state data-spw-composition-stability-resolved data-spw-concept-label data-spw-concept-relation data-spw-confidence data-spw-config-domain data-spw-connection-posture data-spw-container data-spw-content data-spw-context-features data-spw-context-match data-spw-context-resolved data-spw-controls-open data-spw-delimiter data-spw-design-ecology data-spw-developmental-author-label data-spw-developmental-label data-spw-developmental-menu data-spw-discovery-credits data-spw-discovery-notice data-spw-discovery-notice-modal data-spw-discovery-notice-module data-spw-discovery-notice-stack data-spw-effect-axis data-spw-effect-charge

.spw/conventions/cognitive-navigation.spw

mentions attrs: data-spw-approach data-spw-gesture data-spw-handle-availability data-spw-handle-phase data-spw-handle-state data-spw-menu- data-spw-menu-phase data-spw-menu-pressure data-spw-menu-reversible data-spw-menu-topology data-spw-page-section-count data-spw-page-section-current data-spw-page-section-direction data-spw-page-section-edge data-spw-page-section-index data-spw-page-section-phase data-spw-section-handle-label data-spw-section-state data-spw-semantic-expression data-spw-shell-menu-lock data-spw-wonder-entry

.spw/conventions/component-region-personality.spw

mentions attrs: data-spw-anatomy data-spw-attribute-governance data-spw-copy-depth data-spw-copy-motifs data-spw-copy-unit data-spw-emphasis data-spw-express data-spw-feature data-spw-feature-familiarity data-spw-gradient-boundary data-spw-hook-variant data-spw-kind data-spw-label-posture data-spw-liminality data-spw-link-contour data-spw-link-intent data-spw-locale data-spw-operator data-spw-perspective data-spw-referentiality data-spw-register data-spw-semantic-density data-spw-semantic-expression data-spw-show-spec-pills data-spw-textual-role data-spw-vocabulary

.spw/conventions/data-spw-attribute-governance.spw

mentions attrs: data-spw-audience data-spw-content-tone-resolved data-spw-effects data-spw-field-salience data-spw-gravity data-spw-hydration data-spw-hydration-pass-momentum data-spw-loading-ecology-twinkle data-spw-module-salience data-spw-page-arrival data-spw-page-arrival-step data-spw-page-state data-spw-persona data-spw-region-mark data-spw-resonance-key data-spw-runtime-stage data-spw-salience data-spw-salience-rank data-spw-svg-persona

.spw/conventions/dimension-vocabulary.spw

mentions attrs: data-spw-color-mode data-spw-component-density data-spw-component-variant-active data-spw-concept-ref data-spw-condense-tier data-spw-content-variant data-spw-density data-spw-device-context data-spw-explore-posture data-spw-genre data-spw-gesture data-spw-hover-mode data-spw-image-interaction-state data-spw-interaction-phase data-spw-interaction-posture data-spw-layout data-spw-layout-posture data-spw-layout-tuner data-spw-learnable-dimension data-spw-loop-state data-spw-medium-intensity data-spw-medium-register data-spw-microinteraction-pulse data-spw-pack data-spw-pack-occupancy data-spw-packing-state data-spw-page-modes data-spw-palette-resonance data-spw-pinch-scaling data-spw-pointer-mode data-spw-pre-state-visibility data-spw-precipitation-mode data-spw-print-ready data-spw-query-parity data-spw-semantic-variant data-spw-theme-pack data-spw-variant-selected data-spw-viewport-tier data-spw-vocabulary-collectible data-spw-vocabulary-term

.spw/conventions/hypermedia-2d.spw

mentions attrs: data-spw-component-density data-spw-component-variant-active data-spw-concept-ref data-spw-content-variant data-spw-deep-link data-spw-explore-posture data-spw-feature data-spw-gesture-contract data-spw-hydration data-spw-hydration-pass data-spw-image-discovered data-spw-image-discovery-state data-spw-image-interaction-state data-spw-image-lens-active data-spw-image-lens-capacity data-spw-interaction-contract data-spw-interaction-phase data-spw-layout data-spw-layout-posture data-spw-layout-tuner data-spw-learnable-dimension data-spw-lens-chip data-spw-microinteraction-pulse data-spw-pack-occupancy data-spw-packing-state data-spw-page-role data-spw-query-parity data-spw-query-variant data-spw-scene-focus-lane data-spw-scene-interactive data-spw-scene-lane data-spw-scene-lane-bind data-spw-semantic-expression data-spw-semantic-variant data-spw-settings-momentum data-spw-sigil data-spw-svg-environment data-spw-svg-persona data-spw-svg-persona-active data-spw-svg-persona-match data-spw-variant-selected data-spw-vocabulary-collectible

.spw/conventions/interaction-microstates.spw

mentions attrs: data-spw-animation-throttling data-spw-attribute-governance data-spw-beat data-spw-component-genome data-spw-component-variant-active data-spw-copy-depth-resolved data-spw-enhancement-level data-spw-feature data-spw-feature-convergent data-spw-feature-encounter data-spw-feature-fresh data-spw-feature-level data-spw-feature-progress data-spw-features data-spw-freshness-pulse data-spw-freshness-weight data-spw-gesture data-spw-gesture-contract data-spw-gesture-contract-resolved data-spw-interaction-contract data-spw-interaction-contract-resolved data-spw-interaction-phase data-spw-interaction-phase-affinity data-spw-interaction-posture data-spw-interactive-medium-ready data-spw-layout data-spw-layout-selection-pulse data-spw-layout-tuner data-spw-lifecycle-beat-resolved data-spw-loop-state data-spw-medium-intensity data-spw-medium-register data-spw-microinteraction-pulse data-spw-page-settle-confirmation data-spw-physics-profile-resolved data-spw-pinch-scaling data-spw-playing data-spw-reduce-motion data-spw-reveal-phase data-spw-scene-depth data-spw-scene-state data-spw-selection-state data-spw-semantic-density data-spw-sigil-payload-family data-spw-sigil-payload-page data-spw-sigil-payload-role data-spw-sigil-payload-scope data-spw-sigil-payload-topic data-spw-sigil-region data-spw-sigil-region-density data-spw-sigil-region-harmony data-spw-sigil-region-tempo data-spw-sigil-transition data-spw-theming-posture-resolved data-spw-variant-selected data-spw-variant-selection-pulse

.spw/conventions/model-guided-refinement.spw

mentions attrs: data-spw-assignment data-spw-cadence data-spw-collectability data-spw-feature data-spw-form data-spw-grounded data-spw-kind data-spw-layout data-spw-module- data-spw-module-trigger data-spw-operator data-spw-page-modes data-spw-presentation data-spw-promotion-cta-style data-spw-reference-seed data-spw-region-flow data-spw-role data-spw-semantic-density data-spw-state-serialization-dimensions data-spw-timing-model

.spw/conventions/naming-and-structured-values.spw

mentions attrs: data-spw-attribute-governance data-spw-box-measure data-spw-box-model data-spw-box-overflow data-spw-box-presence data-spw-box-settle-phase data-spw-box-story data-spw-content data-spw-content-tone data-spw-content-variant data-spw-copy-depth data-spw-pack data-spw-pack-fill data-spw-pack-layout data-spw-pack-local data-spw-pack-occupancy data-spw-pack-readout data-spw-pack-region data-spw-pack-regions data-spw-pack-settle data-spw-page-modes data-spw-region-purpose data-spw-related-routes

.spw/conventions/operator-semantics.spw

mentions attrs: data-spw-charge data-spw-deep-link data-spw-fixity-tier data-spw-form data-spw-gesture-source data-spw-ingredient-phase data-spw-operator data-spw-operator-charge-role data-spw-operator-flow data-spw-operator-left-role data-spw-operator-right-role data-spw-ordinality data-spw-perspective data-spw-phase data-spw-phase-postfix data-spw-semantic-charge data-spw-semantic-expression data-spw-sigil-position data-spw-sigil-prefix

.spw/conventions/ornament-contract.spw

mentions attrs: data-spw-active-layers data-spw-collected data-spw-collection-intention data-spw-collection-strength data-spw-deviation data-spw-deviation-count data-spw-field-wonder data-spw-interaction-context data-spw-kind data-spw-measure-kind data-spw-memory-match data-spw-operator data-spw-ornament-class data-spw-page-state data-spw-page-transition data-spw-page-transition-phase data-spw-role data-spw-site-rhythm data-spw-wonder-memory-state data-spw-wonder-memory-wonder data-spw-wonder-state

.spw/conventions/page-anatomy-vocabulary.spw

mentions attrs: data-spw-anatomy data-spw-anatomy-focus data-spw-anatomy-pinned data-spw-anatomy-ready data-spw-anatomy-vocabulary data-spw-audience data-spw-chrome-collision data-spw-chrome-handle data-spw-chrome-island data-spw-chrome-posture data-spw-chrome-priority data-spw-chrome-slot data-spw-comedic-timing data-spw-disclosure data-spw-floating-chrome data-spw-floating-chrome-field data-spw-gesture-contract data-spw-gesture-source data-spw-information-reveal data-spw-inline-tone data-spw-interaction-keyboard data-spw-key-selection data-spw-lore-role data-spw-page-serialization data-spw-palette-species data-spw-palette-trace-recent data-spw-parallel data-spw-parallel-active data-spw-parallel-label data-spw-popup-posture data-spw-prompt-host data-spw-promptability data-spw-reveal-frame data-spw-reveal-phase data-spw-scene-context data-spw-scene-depth data-spw-scene-interpret data-spw-scene-posture data-spw-scene-state data-spw-selection-state data-spw-semantic-expression data-spw-spatial-affordance data-spw-theme-biome data-spw-trope data-spw-vocabulary

.spw/conventions/site-semantics.spw

mentions attrs: data-spw-accent data-spw-accent-anchor data-spw-accent-colors data-spw-accent-operator data-spw-accent-palette data-spw-accent-resonance data-spw-accent-strength data-spw-active-layers data-spw-active-lens-group data-spw-active-lens-mode data-spw-active-motif data-spw-artifact data-spw-attention data-spw-attentional-weight data-spw-badge-type data-spw-base-metamaterial data-spw-box-settle-phase data-spw-brace-axis data-spw-cached-module-count data-spw-card-state data-spw-cauldron data-spw-cauldron-action data-spw-cauldron-candidate-visibility data-spw-cauldron-category data-spw-cauldron-count data-spw-cauldron-ingredient data-spw-cauldron-operators data-spw-cauldron-phase data-spw-cauldron-resonance data-spw-charge data-spw-charge-key data-spw-chrome-fluid data-spw-chrome-tier data-spw-collected data-spw-collection-achievements data-spw-collection-fresh data-spw-collection-kinds data-spw-collection-tier data-spw-collection-total data-spw-color-mode data-spw-component-address data-spw-component-density data-spw-component-identity data-spw-component-kind data-spw-component-locality data-spw-component-motif data-spw-component-variant data-spw-composition-stability data-spw-composition-stability-source data-spw-compositional-esteem data-spw-concept-label data-spw-connection-posture data-spw-console-state data-spw-content-tone data-spw-content-variant data-spw-context data-spw-contour-rail data-spw-copy-depth data-spw-deep-link data-spw-deep-link-label data-spw-deep-link-state data-spw-density data-spw-developmental-climate data-spw-developmental-indicators data-spw-embedded-tuning-count data-spw-embedded-tuning-dimensions data-spw-embedded-tuning-host data-spw-embedded-tuning-mode data-spw-embedded-tuning-present data-spw-embedded-tuning-skip data-spw-emphasis data-spw-enhancement-level data-spw-feature data-spw-feature-learning data-spw-feature-mount-trigger data-spw-features data-spw-floating-chrome data-spw-floating-chrome- data-spw-floating-chrome-count data-spw-font-size-scale data-spw-frame data-spw-gesture data-spw-gradient-boundary data-spw-grounded data-spw-hypermedia-extension data-spw-ingredient-primed data-spw-inspect-mode-group data-spw-interaction-contract data-spw-interaction-double-click data-spw-interaction-drag data-spw-interaction-hold data-spw-interaction-keyboard data-spw-interaction-tap data-spw-kind data-spw-layout data-spw-layout-owner data-spw-layout-settle-phase data-spw-lens-deep-link data-spw-lens-group data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state data-spw-liminality data-spw-line-spacing data-spw-loading-ecology-dimensions data-spw-loading-ecology-genre data-spw-loading-ecology-measure-kind data-spw-loading-ecology-phase data-spw-loading-ecology-rhythm data-spw-loading-ecology-salience data-spw-loading-ecology-trope data-spw-loading-ecology-twinkle data-spw-locality data-spw-machinability data-spw-measure-kind data-spw-menu- data-spw-menu-mode data-spw-menu-phase data-spw-menu-state data-spw-metacognitive-stance data-spw-metamaterial data-spw-mode data-spw-module- data-spw-module-evaluates data-spw-module-trigger data-spw-module-trigger-status data-spw-numericity data-spw-operational-visibility data-spw-operator data-spw-operator- data-spw-overflow-mode data-spw-overlay data-spw-pack data-spw-pack-occupancy data-spw-page-family data-spw-page-modes data-spw-page-role data-spw-page-settle-confirmation data-spw-page-settling data-spw-palette-resonance data-spw-perspective data-spw-physics data-spw-physics-reason data-spw-popup-placement data-spw-prefetch-count data-spw-prefetch-mode data-spw-process-attention data-spw-query-active data-spw-query-keys data-spw-query-presets data-spw-region data-spw-region-diversity data-spw-region-flow data-spw-region-genome data-spw-region-kind-count data-spw-region-kind-field data-spw-region-purpose data-spw-region-role data-spw-region-semantic-depth data-spw-related-routes data-spw-resolved- data-spw-resolved-composition-stability data-spw-resolved-composition-stability-source data-spw-resonance data-spw-resonance-probe data-spw-reward-display data-spw-role data-spw-route-family data-spw-runtime- data-spw-selection data-spw-semantic- data-spw-semantic-cluster data-spw-semantic-density data-spw-semantic-expression data-spw-semantic-owner data-spw-service-worker-cache-entries data-spw-service-worker-cache-state data-spw-service-worker-prefetch data-spw-setting-just-verified data-spw-settle-confirm data-spw-settle-contour data-spw-shell-action data-spw-slot data-spw-spacing data-spw-spacing-tuner data-spw-spell data-spw-state-contract data-spw-state-inspector data-spw-state-serialization-dimensions data-spw-stateful data-spw-subvocal-rehearsal data-spw-surface data-spw-theme-pack data-spw-toast data-spw-utility-cluster data-spw-variability data-spw-viewport-tier data-spw-vocab data-spw-wonder data-spw-wonder-memory data-spw-wonder-state

.spw/reviews/classname-patterns-attribute-grammar-recognizability.spw

mentions attrs: data-spw-cauldron-phase data-spw-charge data-spw-collected data-spw-content-tone data-spw-content-variant data-spw-context data-spw-copy-depth data-spw-density data-spw-features data-spw-form data-spw-gesture- data-spw-harmony data-spw-kind data-spw-load- data-spw-module- data-spw-operator data-spw-page-family data-spw-page-modes data-spw-page-role data-spw-page-seed data-spw-perspective data-spw-related-routes data-spw-resonance data-spw-role data-spw-runtime- data-spw-semantic- data-spw-slot data-spw-state- data-spw-surface data-spw-tempo data-spw-wonder data-spw-wonder-state

.spw/surfaces/page-model.spw

mentions attrs: data-spw-attentional-weight data-spw-chrome-collision data-spw-chrome-compact data-spw-chrome-handle data-spw-chrome-island data-spw-chrome-posture data-spw-chrome-priority data-spw-chrome-role data-spw-chrome-slot data-spw-chrome-state data-spw-chrome-tier data-spw-component-address data-spw-component-id data-spw-component-name data-spw-composition-stability data-spw-composition-stability-source data-spw-context data-spw-debug-source data-spw-decay-rate data-spw-density data-spw-feature data-spw-floating-chrome data-spw-floating-chrome-field data-spw-gesture-contract data-spw-gradient-boundary data-spw-hook-variant data-spw-instrumentation data-spw-interaction-context data-spw-kind data-spw-layout data-spw-layout-owner data-spw-liminality-floor data-spw-operator data-spw-overlay data-spw-pack data-spw-pack-occupancy data-spw-page-arrival data-spw-page-arrival-step data-spw-page-family data-spw-page-presence data-spw-page-role data-spw-page-transition data-spw-page-transition-phase data-spw-promptability data-spw-receptor-breadth data-spw-region-flow data-spw-region-genome data-spw-related-routes data-spw-resolved- data-spw-resolved-composition-stability data-spw-role data-spw-route-family data-spw-route-menu- data-spw-semantic-owner data-spw-slot data-spw-surface data-spw-wonder-state