Design Catalog

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

924 attributes • 2229 tokens • 132 CSS files • 98 philosophy docs • 234 images

Orphans & gaps

Places where the traceability graph is incomplete.

attrs in CSS, not in HTML (338)
data-spw-accent-concept data-spw-active data-spw-active-layers data-spw-allocation data-spw-anatomy-ready data-spw-anatomy-stack data-spw-anatomy-state data-spw-animation-throttling data-spw-annotation data-spw-annotation-match data-spw-annotation-scope data-spw-annotation-state data-spw-author-surface data-spw-base-material data-spw-base-metamaterial data-spw-beat data-spw-bookmarked 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-state data-spw-cauldron-visibility data-spw-charge-direction data-spw-charge-phase data-spw-charge-state data-spw-child-active 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-collected 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-concept-label data-spw-concept-relation 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-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-interpretation data-spw-developmental-climate data-spw-developmental-indicators data-spw-deviation data-spw-dimensional-breadcrumbs data-spw-discharge-kind data-spw-drag-state data-spw-dragging data-spw-effect data-spw-effect-stop data-spw-embedded-tuning-host data-spw-empty data-spw-enhancement-level data-spw-explore-posture data-spw-feature-learning data-spw-field-wonder data-spw-filters data-spw-floating-chrome-bottom data-spw-floating-chrome-competition data-spw-font-scale data-spw-font-size-scale data-spw-garden-provenance data-spw-gesture 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-image-discovered data-spw-image-effect data-spw-image-gesture data-spw-image-layout data-spw-image-preview data-spw-image-resonance data-spw-image-state 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-context data-spw-interaction-lane data-spw-interaction-tuner data-spw-interaction-wonder data-spw-interactivity data-spw-knowledge data-spw-language-evolution-posture data-spw-latched data-spw-layout-contract data-spw-layout-flow data-spw-layout-tuner data-spw-learnability-ledger data-spw-learnability-process data-spw-learnability-resonance data-spw-learnability-tier data-spw-learning-mode data-spw-learning-surface data-spw-lens-deep-link data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state data-spw-line-spacing data-spw-load-posture data-spw-load-timing data-spw-meaning-depth data-spw-meaning-mode data-spw-measure data-spw-medium 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-phase data-spw-menu-pressure data-spw-menu-reversible data-spw-menu-topology data-spw-metacognitive-stance data-spw-metric-kind data-spw-module-hydration data-spw-module-status data-spw-module-trigger data-spw-module-trigger-status 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-operational-visibility data-spw-origin data-spw-ornament data-spw-ornament-axis data-spw-ornament-density data-spw-ornament-state data-spw-override-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-trace-count 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-pinch-scaling data-spw-pinned data-spw-pivot-active data-spw-playing data-spw-popped data-spw-popup-placement data-spw-popup-posture data-spw-prefetch-mode data-spw-prefix data-spw-presentation data-spw-primary-operator data-spw-prime-state data-spw-primed data-spw-proof data-spw-publication 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-resonance data-spw-resonance-probe data-spw-resonance-token data-spw-resonant 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-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-scroll-cadence data-spw-section-handle data-spw-section-has-vocabulary data-spw-section-state data-spw-section-tier data-spw-semantic-density data-spw-semantic-owner data-spw-semantics data-spw-sequence-state data-spw-setting-just-verified 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-signature data-spw-site-rhythm 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-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-device 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-viewport data-spw-viewport-tier data-spw-visit-burst data-spw-visited data-spw-wall data-spw-wonder-block-state data-spw-world-slot-kind
attrs in HTML, not in CSS (152)
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-badge-mode data-spw-behavior data-spw-card data-spw-cauldron-operators data-spw-cauldron-panel-toggle data-spw-cauldron-phase-rail data-spw-charge-label data-spw-cluster data-spw-component-anatomy data-spw-compositional-esteem data-spw-consequence data-spw-context-actions data-spw-context-domains data-spw-context-relevance 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-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-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-contract 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-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-page-hook data-spw-page-hook-label data-spw-page-modes 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-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-note data-spw-salience data-spw-seed data-spw-seed-package data-spw-sentence-shape data-spw-serializes-as data-spw-skill data-spw-spell data-spw-stateful data-spw-static-for 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-scale data-spw-svg-semantic data-spw-target data-spw-timebox data-spw-tone data-spw-typography-measure-width data-spw-voice data-spw-wonder-entry data-spw-wonder-hub
attrs with no philosophy doc (671)
data-spw-accent-concept data-spw-action-tier data-spw-activates data-spw-active data-spw-active-beat data-spw-adjacent data-spw-affordance data-spw-allocation data-spw-anatomy-stack data-spw-anatomy-state data-spw-animation-throttling data-spw-artifact-state data-spw-attention-posture data-spw-attention-posture-panel data-spw-author-mode data-spw-author-surface data-spw-background-motion data-spw-badge-mode data-spw-base-material data-spw-beat data-spw-behavior data-spw-bookmarked data-spw-box-model data-spw-box-presence data-spw-box-story data-spw-brace-actions data-spw-brace-actions-mounted data-spw-brace-contains-operator data-spw-brace-edge data-spw-brace-nesting data-spw-brace-parent-form data-spw-brace-state 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-changed data-spw-breadcrumb-menu-clarity data-spw-breadcrumb-menu-intent data-spw-breadcrumb-menu-mode data-spw-breadcrumb-menu-phase data-spw-breadcrumb-menu-pressure data-spw-breadcrumb-menu-state data-spw-breadcrumb-menu-topology data-spw-breadcrumb-mode data-spw-breadcrumb-page-responsibility data-spw-breadcrumb-page-role data-spw-breadcrumb-region-menu data-spw-breadcrumb-related-count data-spw-breadcrumb-reversible data-spw-breadcrumb-state data-spw-breadcrumb-surface data-spw-breadcrumb-viewport data-spw-brush-active data-spw-brush-mode data-spw-cadence-day data-spw-cadence-motion data-spw-capture-mode 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-force-count 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-direction data-spw-charge-label data-spw-charge-state data-spw-child-active data-spw-chrome-position data-spw-cluster data-spw-cognitive-container data-spw-cognitive-handles data-spw-cognitive-inventory data-spw-collection-status data-spw-color-tuner data-spw-component data-spw-component-anatomy data-spw-component-genome data-spw-component-lifecycle data-spw-component-state data-spw-composition-flow data-spw-config-domain data-spw-consequence data-spw-console-event data-spw-console-source data-spw-console-surface data-spw-console-token data-spw-container data-spw-content data-spw-content-tone data-spw-content-variant data-spw-context-actions data-spw-context-domains data-spw-context-match data-spw-context-relevance data-spw-contextual-ui-init data-spw-contrast data-spw-contrast-state data-spw-controls-open data-spw-copy-current-query 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-debug-layers data-spw-delight data-spw-demo-kind data-spw-depth data-spw-design-ecology data-spw-design-ecology-behavior data-spw-design-ecology-environment data-spw-design-ecology-variant data-spw-design-interpretation data-spw-dev-server data-spw-developmental-author-label data-spw-developmental-label data-spw-dimension data-spw-dimensional-breadcrumbs data-spw-discipline data-spw-discovery-cadence data-spw-discovery-credits 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-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-edge data-spw-effect data-spw-effect-stop data-spw-embedded-tuning-handle data-spw-empty data-spw-enhanced data-spw-evidence data-spw-evidence-hydrated data-spw-experiential-init data-spw-experiential-surface data-spw-explore-posture data-spw-failure-mode data-spw-field-resonance data-spw-filters 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 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-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-groundable data-spw-grounded-in data-spw-grounded-wonder data-spw-grounding data-spw-guide-badge 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-high-contrast 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 data-spw-hydration-error data-spw-image-discovered data-spw-image-discovery data-spw-image-discovery-state data-spw-image-effect data-spw-image-effect-override data-spw-image-gesture data-spw-image-hero data-spw-image-input data-spw-image-key data-spw-image-layout data-spw-image-managed 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-implementation-mutations data-spw-ingredient-availability data-spw-ingredient-count data-spw-ingredient-enhanced data-spw-ingredient-inspect data-spw-ingredient-lab data-spw-ingredient-mode data-spw-ingredient-mode-set data-spw-ingredient-phase 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 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-lane 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-flow data-spw-layout-trope data-spw-layout-tuner 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-option-state data-spw-link-intent 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-state data-spw-loop-token data-spw-lore-role 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-metric-kind data-spw-mirror-label data-spw-model-policy data-spw-module-copy-inferred data-spw-module-hydration data-spw-module-hydration-inferred data-spw-module-inferred data-spw-module-status data-spw-module-visuals data-spw-monospace-variant data-spw-motion-family data-spw-narrative-token data-spw-nav-destination data-spw-nav-fit data-spw-nav-state 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-operation data-spw-operator-intent data-spw-operator-interaction 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-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-seed 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-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-persona data-spw-phase data-spw-phase-active data-spw-phase-complete data-spw-phase-indicators data-spw-phase-postfix data-spw-phase-prefix data-spw-phase-step data-spw-phrase data-spw-pigment-token data-spw-pinch-scaling data-spw-pinnable data-spw-pivot-active data-spw-pivot-value data-spw-playing data-spw-pointer-mode data-spw-popped data-spw-popup-state 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-projection 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-host 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-copy-status data-spw-query-family 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-reduce-motion data-spw-reflow-cost data-spw-reflow-reason data-spw-reflow-scope data-spw-region-action data-spw-region-active data-spw-region-charge data-spw-region-genome 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-review-active data-spw-review-role data-spw-reward-key data-spw-reward-kind 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-link data-spw-route-menu-count data-spw-route-menu-label data-spw-route-menu-layout 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-mount-batch data-spw-runtime-posture data-spw-runtime-prefetch data-spw-runtime-reward data-spw-runtime-stage data-spw-runtime-status data-spw-salience data-spw-salience-state 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-section-handle data-spw-section-handle-desktop data-spw-section-has-vocabulary data-spw-section-tier data-spw-seed 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-serializes-as data-spw-settings-preflight 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 data-spw-sigil-collection-count data-spw-sigil-label data-spw-sigil-name data-spw-sigil-prefix data-spw-signature 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-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-root 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-stub data-spw-stylesheet-mode data-spw-succession data-spw-surface-kind data-spw-svg-companion data-spw-svg-device data-spw-svg-host data-spw-svg-interactive data-spw-svg-kind data-spw-svg-motion data-spw-svg-pointer data-spw-svg-pointer-managed data-spw-svg-pointer-state data-spw-svg-responsive data-spw-svg-scale data-spw-svg-semantic data-spw-svg-tune-contrast data-spw-svg-tune-motion data-spw-swappable data-spw-swipe data-spw-table data-spw-tempo data-spw-tempo-field data-spw-textual-role 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-viewport data-spw-visit-burst data-spw-visited data-spw-visited-on-page data-spw-visited-surface-count data-spw-vocabulary-term data-spw-voice data-spw-wall data-spw-wonder-block-state data-spw-wonder-entry 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-role

values: action advisory analysis analytics-policy anatomy artifact boundary broadcast bundle call category climate-tuning collaboration command community comparison component-lab composer concept-atlas console-contract context contract control conversion coordination curriculum dashboard debug-contract definition demo-register demonstration directory +108

css: public/css/bundles/behaviors/pretext-lab.css public/css/bundles/core.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.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/conventions/annotation-layer.spw .spw/conventions/attention-field.spw .spw/conventions/discovery-powerups.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/operator-alignment.spw .spw/conventions/ornament-contract.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: boundary-test card contracts directory extension-contract figure frame hero hook lens metric module ontology panel progress proof-artifact recipes specimen surface vessel

css: public/css/bundles/core.css public/css/components/cards.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 src/styles/entries/debug.css

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

philosophy: .spw/conventions/annotation-layer.spw .spw/conventions/living-medium-copy.spw .spw/conventions/model-guided-refinement.spw .spw/conventions/ornament-contract.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-context

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

css: public/css/bundles/core.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/conventions/annotation-layer.spw .spw/conventions/composable-art-system.spw .spw/conventions/discovery-powerups.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 +1121

philosophy: no .spw doc mentions this attribute

data-spw-operator

values: ! # $ * ? @ ^ act action address baseline bind binding concept event frame ground integrate label layer merge meta normalize object perspective potential pragma probe ref relay route select +10

css: public/css/bundles/core.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.css public/css/ornament/ornament.css public/css/ornament/whimsy.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/frame-navigator.js public/js/runtime/state-inspector.js public/js/semantic/narrative-instrumentation.js public/js/semantic/operators.js public/js/semantic/smart.js

philosophy: .spw/conventions/attention-field.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/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw .spw/surfaces/page-model.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: public/css/bundles/core.css public/css/bundles/routes/website.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 framing identity interaction memory method model navigation next orientation portability practice projection prompt publication readability return routing selection state support swap translation voice worldbuilding

philosophy: no .spw doc mentions this attribute

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 +133

css: public/css/bundles/core.css public/css/effects/enrichment.css public/css/shell/chrome.css

philosophy: .spw/conventions/annotation-layer.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 extend inspect learn manage navigate orient plan practice produce read reflect revisit reward share simulate test track try tune

css: public/css/bundles/core.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-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/catalog/|/design/experiments/css/|/design/experiments/svg/|/settings/ /design/catalog/|/design/|/public/images/README.md /design/components/|/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/svg/|/design/experiments/css/|/topics/software/renderers/|/settings/ /design/|/design/composition/|/design/experiments/css/|/design/experiments/svg/|/design/components/|/play/|/settings/ /design/|/design/runtime/|/design/components/|/design/experiments/css/|/about/website/|/topics/software/spw/|/play/ /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/ /play/rpg-wednesday/library/#guide-cards|/play/rpg-wednesday/library/#starter-quests|/topics/software/memory/|/topics/software/parsers/ /play/rpg-wednesday/library/|/play/rpg-wednesday/|/town/|/topics/software/|/topics/pedagogy/|/settings/|/cards/ /play/rpg-wednesday/sessions/|/play/rpg-wednesday/cast/|/about/|/about/domains/lore.land/|/design/components/ /play/rpg-wednesday/sessions/|/play/rpg-wednesday/cast/|/play/rpg-wednesday/world/|/tools/character-sheet/|/topics/craft/ /play/rpg-wednesday/sessions/|/play/rpg-wednesday/cast/|/tools/midjourney/|/design/|/design/components/|/contact/ +167

css: public/css/bundles/core.css public/css/effects/enrichment.css public/css/effects/wonder.css

philosophy: .spw/slices/page-region-discoverability/index.spw .spw/surfaces/page-model.spw

data-spw-slot

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

css: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/bundles/routes/recipes.css public/css/bundles/routes/topics.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.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

philosophy: .spw/conventions/composable-art-system.spw .spw/conventions/css-instruction.spw .spw/conventions/learnability-ledger.spw .spw/conventions/operator-alignment.spw .spw/conventions/site-semantics.spw .spw/reviews/classname-patterns-attribute-grammar-recognizability.spw .spw/reviews/html-css-structure-audit.spw

data-spw-context-relevance

values: AI AST CST 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 area +618

philosophy: no .spw doc mentions this attribute

data-spw-semantic-expression

values: adult[study]{stay.sharp.return} american[cluster]{region.memory.practice} analog[worldbuilding]{study.play.return} 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} boon[arrival]{invite} boon[profile]{support.reveal} boonhonk[cluster]{pressure.associate.name} +359

css: public/css/bundles/core.css public/css/components/cards.css public/css/components/frames.css public/css/effects/enrichment.css public/css/grammar/syntax.css public/css/handles/operators.css

js writers: public/js/modules/design/experiments.js public/js/runtime/shell-disclosure.js

philosophy: .spw/conventions/discovery-powerups.spw .spw/conventions/semantic-braces.spw .spw/conventions/site-semantics.spw .spw/site.spw

data-spw-form

values: angle block brace circle diamond square

css: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/cards.css public/css/effects/cinematic.css public/css/effects/wonder.css public/css/grammar/syntax.css public/css/handles/operators.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/smart.js

philosophy: .spw/conventions/composable-art-system.spw .spw/conventions/model-guided-refinement.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 +465

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-reentry applied-learning-search arc-search-loop artifact-generator attention-global-relation attention-local-relation attention-self-relation boonhonk-reflection-fit brace-interaction-contract care-cards care-interface-entry care-operating-model care-safety-boundaries cauldron cauldron-garden character-taxonomy college-wonder-path community-protocols component-discovery-atlas component-ecology-specimens component-resonance-practice components-tuning css-integration-bridge css-literature css-rule-bench curricular-codebase-contracts curricular-codebase-lattice curriculum-entry curriculum-progress curriculum-study-routes custom-shortcuts daily-weekly-rhythm +123

css: public/css/bundles/behaviors/media-publishing.css public/css/bundles/core.css public/css/bundles/routes/rpg-wednesday.css public/css/components/controls.css public/css/components/promo-wonder-cycle.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.css public/css/ornament/ornament.css public/css/routes/surfaces/rpg-wednesday.css public/css/systems/surfaces/learnability-ledger.css src/styles/entries/debug.css

js writers: public/js/interface/contextual-ui.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/shell-disclosure.js

philosophy: .spw/conventions/annotation-layer.spw .spw/conventions/attention-field.spw .spw/conventions/codebase-perusal.spw .spw/conventions/css-instruction.spw .spw/conventions/discovery-powerups.spw .spw/conventions/learnability-ledger.spw .spw/conventions/model-guided-refinement.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-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 creator-identity +90

css: public/css/bundles/core.css public/css/effects/enrichment.css public/css/handles/operators.css

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

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

data-spw-features

values: blog-interpreter boundary-tests collectability console contact-routing curriculum-simulations 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: public/css/bundles/behaviors/metrics.css public/css/bundles/behaviors/rpg-gameplay.css public/css/bundles/behaviors/svg-surfaces.css public/css/bundles/core.css public/css/grammar/syntax.css public/css/handles/metrics.css public/css/handles/operators.css public/css/shell/chrome.css public/css/systems/surfaces/media.css public/css/systems/surfaces/rpg.css public/css/systems/svg-surfaces.css

philosophy: .spw/conventions/site-semantics.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 laboratory membership menu observatory operator-atlas playfield policy proof-cards recipe-book register research roadmap runtime-observatory seasonal spec studio switchboard +5

css: public/css/bundles/core.css public/css/bundles/routes/website.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/conventions/annotation-layer.spw .spw/conventions/css-instruction.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 carry choose cite collaborate collect commission compare compose contact context cook debug decide design document draft edit escalate explore export fund host implement inspect interpret join live make +42

philosophy: .spw/conventions/model-guided-refinement.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 kernel-identity-register learning-library learning-register learning-surface local-proof-card-register math-register membership-register +34

css: public/css/bundles/core.css public/css/components/cards.css public/css/effects/debug.css public/css/routes/surfaces/review-surfaces.css src/styles/entries/debug.css

philosophy: .spw/conventions/site-semantics.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 community composition constellation coordination craft culture curriculum design discovery documentation domain editorial experiments field-guide funding grammar identity image insights kernel kitchen lab +51

css: public/css/bundles/core.css public/css/effects/debug.css public/css/effects/wonder.css src/styles/entries/debug.css

philosophy: .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 +3

css: public/css/bundles/core.css public/css/bundles/routes/about.css public/css/bundles/routes/blog.css public/css/bundles/routes/contact.css public/css/bundles/routes/craft.css public/css/bundles/routes/home.css public/css/bundles/routes/plans.css public/css/bundles/routes/play.css public/css/bundles/routes/recipes.css public/css/bundles/routes/rpg-wednesday.css public/css/bundles/routes/services-care.css public/css/bundles/routes/services-creator.css public/css/bundles/routes/services-ecosystem.css public/css/bundles/routes/services-systems.css public/css/bundles/routes/services.css public/css/bundles/routes/settings.css public/css/bundles/routes/tools-budgeting.css public/css/bundles/routes/topics.css public/css/bundles/routes/website.css public/css/components/runtime-states.css public/css/effects/debug.css public/css/handles/operators.css public/css/ornament/ornament.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/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/conventions/codebase-perusal.spw .spw/conventions/css-instruction.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-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_svg page_design_experiments_svg_handoff page_design_folios page_design_interaction_design +99

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

philosophy: no .spw doc mentions this attribute

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 frame-register image-route-grid image-study-grid 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 runtime-sequence runtime-step +12

css: public/css/bundles/core.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

philosophy: no .spw doc mentions this attribute

data-spw-sigil

values: !memory_audit #>about_frame #>about_index #>cadence #>career_register #>current_direction #>curriculum_frame #>curriculum_study_routes #>for_agents #>learning_postures #>memory_buffers #>next_builds #>services_frame #>systems_context #>three_paths #>topic_cards #>topics_register #>town_library #>typography_register #>website_register $pricing $support &cross_linked_surfaces *boonhonk_fit *learning_demos *render_queue *rpg_wednesday *skill_gratitude =configure ?attention_register ?boonhonk_register ?boundary_test +36

css: public/css/bundles/core.css public/css/effects/cinematic.css

js writers: public/js/semantic/operators.js

philosophy: no .spw doc mentions this attribute

data-spw-attention

values: compare position promote publish read return scan try

css: public/css/bundles/core.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.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: public/css/bundles/core.css public/css/components/cards.css public/css/effects/enrichment.css

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

data-spw-behavior

values: 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 update +1

philosophy: no .spw doc mentions this attribute

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 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 pantry-substitution +20

css: public/css/bundles/core.css public/css/effects/enrichment.css

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 cognition compartments complexity component composition constellation constraint contact content +149

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

data-spw-accent-operator

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

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: public/css/bundles/core.css public/css/bundles/routes/blog.css public/css/bundles/routes/play.css public/css/bundles/routes/rpg-wednesday.css public/css/handles/operators.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-accent-resonance

values: anchor curriculum economic image manual probe recent trace

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

data-spw-copy-label

values: Artifact Bench Boonhonk Byproduct Campaign Cheese Cuisine Culinary Cycle-end Foodie Genre Interaction Kitchen Language Learning Library Material Normal Playable Publishing Recipe Recurring Reference Settings Soup Storyboard Technique Theory Topic Trope Visual and +41

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

data-spw-domain

values: component craft culinary design materials math play prompting

philosophy: no .spw doc mentions this attribute

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-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-perspective

values: balanced collaborative objective public reader subjective system

css: public/css/bundles/routes/blog.css public/css/bundles/routes/home.css public/css/routes/surfaces/blog-frames.css public/css/routes/surfaces/home.css

philosophy: .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-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: public/css/bundles/core.css public/css/effects/narrative.css

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

data-spw-metamaterial

values: contrast field glass matte paper

css: public/css/bundles/core.css public/css/bundles/routes/website.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.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/shell-disclosure.js public/js/semantic/narrative-instrumentation.js

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

data-spw-intent

values: carry-wonder commit daily-to-prompt daily-to-vision inspect onboard-character-work onboard-constructs orient orient-guide producer-director-guidance project project-kernel study tend-daily

css: public/css/bundles/core.css public/css/systems/surfaces/philosophy.css

philosophy: no .spw doc mentions this attribute

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 tap:inspect tap:prime tap:toggle-lens

css: public/css/bundles/core.css public/css/components/foundation.css

js writers: public/js/interface/contextual-ui.js public/js/interface/haptics.js public/js/modules/tools/budgeting.js

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

data-spw-layout

values: media-prose reading split wide

css: public/css/bundles/core.css public/css/bundles/routes/rpg-wednesday.css public/css/effects/debug.css public/css/routes/surfaces/rpg-wednesday.css public/css/shell/layout.css public/css/typography/typesetting.css src/styles/entries/debug.css

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

philosophy: .spw/conventions/codebase-perusal.spw .spw/conventions/model-guided-refinement.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-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: public/css/bundles/core.css public/css/components/cards.css public/css/components/foundation.css public/css/effects/wonder.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-action

values: anchor browse-folios choose-perspective enter-perspective explore inspect inspect-substrate make-proof manage mine publish

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: public/css/bundles/core.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

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

philosophy: .spw/conventions/site-semantics.spw .spw/conventions/typography-packing.spw .spw/reviews/html-css-structure-audit.spw .spw/surfaces/page-model.spw

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-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: Browse CSS, Compare Current Laminated Local Material, RPG Read SVG, Structured Tune Wednesday, What Working a across and art artifacts as atlas atlas, benches. browser browser-local community copy craft craft, design. device. +51

philosophy: no .spw doc mentions this attribute

data-spw-operator-reversibility

values: inspectable returnable reversible revisable

css: public/css/bundles/core.css public/css/handles/operators.css

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

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/bundles/routes/website.css public/css/routes/surfaces/design.css

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-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-svg-host

values: brand-screenshot-card care-model cognitive-machine craft-creature craft-divider craft-glyph craft-story css-rule-map diagram-posture social-care-routing

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-discovery-title

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

philosophy: no .spw doc mentions this attribute

data-spw-evidence

values: annotated-map-plus-route-rationale description diagram-plus-pattern-reflection diagram-plus-short-reflection object-card-plus-boundary-note object-card-plus-ethics-note photo route-map-plus-accessibility-note

css: public/css/bundles/core.css public/css/components/cards.css

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-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-svg-scale

values: compact narrow-wide wide

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-pretext-cache

values: cold warm

philosophy: no .spw doc mentions this attribute

data-spw-prompt-host

philosophy: no .spw doc mentions this attribute

data-spw-prompt-teaser

values: Reveal SVG a an and another atmosphere, blog change. clay-bubble compact component cues, current cuts. diagram diagram: extends for from handoff hierarchy, image-generator it. library, machine material may memory, metaphysics. mixes model +37

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 image_bench_packet library_harmony_packet svg_specimen_handoff typography_register_stack

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

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/conventions/living-medium-copy.spw

data-spw-flow

values: pretext

css: public/css/bundles/behaviors/pretext-lab.css public/css/bundles/core.css public/css/bundles/routes/blog.css public/css/bundles/routes/play.css public/css/bundles/routes/rpg-wednesday.css public/css/components/pretext.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.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-projection

values: author-workflow blogger-kit browser-storage climate cookbook homepage kernel modular presets public-library runtime-summary svg-cards team-practice

css: public/css/bundles/core.css public/css/handles/operators.css

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-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-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-next

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

philosophy: no .spw doc mentions this attribute

data-spw-page-hook-label

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

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-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-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-salience

values: ambient near strong

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-component-anatomy

values: learnability runtime-state slots state

philosophy: no .spw doc mentions this attribute

data-spw-discovery-label

values: Algorithm Care Register Route component protocol thread

philosophy: no .spw doc mentions this attribute

data-spw-discovery-why

values: Algorithm Care Register Thread and behavior cards, components. concrete diagram easier enough flows help images inspect. inspectable labs, low-friction make moves. next playful proofs, protocols, readers rediscovery, remember. route route-neighbor search, stay +4

philosophy: no .spw doc mentions this attribute

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-inspect

values: home_frame pretext_field_lab runtime_lab runtime_preferences

philosophy: no .spw doc mentions this attribute

data-spw-local-note-entry

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-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-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-charge-label

values: material physics speech

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

philosophy: no .spw doc mentions this attribute

data-spw-guide-badge

values: collect

philosophy: no .spw doc mentions this attribute

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-kind

values: objective subjective

css: public/css/bundles/core.css public/css/bundles/routes/topics.css public/css/components/typography-packing.css public/css/effects/enrichment.css public/css/handles/operators.css public/css/routes/surfaces/topics.css

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

philosophy: .spw/conventions/designer-conversation-canvas.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/slices/math-practice-labs/index.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: public/css/bundles/core.css public/css/components/cards.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.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: public/css/bundles/core.css public/css/components/cards.css public/css/components/foundation.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.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/conventions/charge-cycle.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: public/css/bundles/core.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 src/styles/entries/debug.css

philosophy: .spw/conventions/css-instruction.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 motif motion, nodes notes, offer/action pointer-field project region, regional respond screenshot-ready showing spacing, stroke, to trust +3

philosophy: no .spw doc mentions this attribute

data-spw-interaction-keyboard

values: Enter Space brace commits committed focused mirrors or path semantic the

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

data-spw-material

values: hospitality

philosophy: no .spw doc mentions this attribute

data-spw-wonder-entry

values: passive-curiosity

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-copy-source

values: static-default

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-inspect-fields

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

philosophy: no .spw doc mentions this attribute

data-spw-learnability

values: high

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-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-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-stylesheet-mode

values: scoped

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: project-motif

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: public/css/bundles/core.css public/css/effects/debug.css public/css/effects/wonder.css public/css/handles/operators.css public/css/ornament/ornament.css public/css/shell/chrome.css src/styles/entries/debug.css

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

philosophy: .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-beat

js writers: public/js/runtime/experiential.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-attention-posture

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

philosophy: no .spw doc mentions this attribute

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: no .spw doc mentions this attribute

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-nesting

js writers: public/js/runtime/brace-gestures.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-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: no .spw doc mentions this attribute

data-spw-cauldron-count

js writers: public/js/interface/cauldron/chrome.js public/js/interface/composition.js public/js/kernel/site-settings-engine.js

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

data-spw-cauldron-force-count

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

philosophy: no .spw doc mentions this attribute

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-cognitive-inventory

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

philosophy: no .spw doc mentions this attribute

data-spw-color-mode

values: auto dark light

css: public/css/bundles/core.css public/css/bundles/routes/about.css public/css/bundles/routes/blog.css public/css/bundles/routes/contact.css public/css/bundles/routes/craft.css public/css/bundles/routes/home.css public/css/bundles/routes/plans.css public/css/bundles/routes/recipes.css public/css/bundles/routes/settings.css public/css/bundles/routes/topics.css public/css/bundles/routes/website.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.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.css public/css/tokens/core.css

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

philosophy: .spw/conventions/composable-art-system.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-kind

values: card frame hook lens metric panel surface

css: public/css/bundles/core.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 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-css-observed-mutations

js writers: public/js/runtime/brace-gestures.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-source

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

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

data-spw-design-ecology

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

philosophy: no .spw doc mentions this attribute

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-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: no .spw doc mentions this attribute

data-spw-developmental-label

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

philosophy: no .spw doc mentions this attribute

data-spw-discovery-credits

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

philosophy: no .spw doc mentions this attribute

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-embedded-tuning-handle

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

philosophy: no .spw doc mentions this attribute

data-spw-enhanced

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

philosophy: no .spw doc mentions this attribute

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-field-resonance

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

philosophy: no .spw doc mentions this attribute

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

css: public/css/bundles/core.css public/css/bundles/routes/website.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/grammar/syntax.css public/css/handles/operators.css public/css/ornament/ornament.css public/css/routes/surfaces/design.css public/css/shell/chrome.css

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

philosophy: .spw/conventions/cognitive-navigation.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-in

values: action baseline binding frame layer meta normalize object pragma probe ref stream surface

css: public/css/bundles/core.css public/css/typography/base.css

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

philosophy: no .spw doc mentions this attribute

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: public/css/bundles/core.css public/css/bundles/routes/blog.css public/css/bundles/routes/craft.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.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: no .spw doc mentions this attribute

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: no .spw doc mentions this attribute

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-managed

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

philosophy: no .spw doc mentions this attribute

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-count

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

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

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-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-option-state

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

philosophy: no .spw doc mentions this attribute

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/runtime/state-inspector.js

philosophy: no .spw doc mentions this attribute

data-spw-loop-state

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

philosophy: no .spw doc mentions this attribute

data-spw-loop-token

js writers: 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-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-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-state

js writers: public/js/runtime/frame-navigator.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-intent

js writers: public/js/semantic/operators.js

philosophy: no .spw doc mentions this attribute

data-spw-operator-interaction

js writers: public/js/semantic/operators.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/operators.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-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-phase-postfix

js writers: public/js/kernel/states.js

philosophy: no .spw doc mentions this attribute

data-spw-phase-prefix

js writers: public/js/kernel/states.js public/js/runtime/state-inspector.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-pointer-mode

js writers: public/js/interface/contextual-ui.js public/js/runtime/shell-disclosure.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/operators.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-reduce-motion

values: on

css: public/css/bundles/core.css public/css/bundles/routes/blog.css public/css/bundles/routes/home.css public/css/bundles/routes/play.css public/css/bundles/routes/rpg-wednesday.css public/css/components/runtime-states.css public/css/effects/developmental-climate.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/tokens/core.css

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

philosophy: no .spw doc mentions this attribute

data-spw-reflow-cost

js writers: public/js/kernel/instrumentation.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-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-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-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-runtime-stage

js writers: public/js/runtime/prepaint-state.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-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: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/cards.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/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/conventions/model-guided-refinement.spw .spw/conventions/site-semantics.spw

data-spw-settings-preflight

js writers: public/js/runtime/prepaint-state.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-sigil-collection-count

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

philosophy: no .spw doc mentions this attribute

data-spw-sigil-label

js writers: public/js/semantic/operators.js

philosophy: no .spw doc mentions this attribute

data-spw-sigil-name

js writers: public/js/semantic/operators.js

philosophy: no .spw doc mentions this attribute

data-spw-sigil-prefix

js writers: public/js/semantic/operators.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-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-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-pointer-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-visited-on-page

js writers: public/js/runtime/visitation.js

philosophy: no .spw doc mentions this attribute

data-spw-visited-surface-count

js writers: public/js/runtime/visitation.js

philosophy: no .spw doc mentions this attribute

data-spw-wonder-block-state

values: expanded idle idle|thinking|revealed|expanded revealed thinking

css: public/css/bundles/core.css public/css/effects/wonder.css

js writers: public/js/interface/prompt-utils.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-world-slot-count

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.

public/css/bundles/behaviors/console.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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-phase data-spw-cauldron-resonance data-spw-cauldron-resonance-operators data-spw-phase-active data-spw-phase-complete data-spw-phase-step data-spw-spell-reveal data-spw-spell-state

public/css/bundles/behaviors/metrics.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-features

public/css/bundles/behaviors/pretext-lab.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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-pretext-scaffold 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-local-pad --pretext-local-radius --pretext-outline-color --pretext-outline-width --pretext-radius --pretext-rail-color --pretext-rail-glow --pretext-rail-width --pretext-scaffold-border --pretext-scaffold-opacity +5

public/css/bundles/behaviors/rpg-gameplay.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-features

public/css/bundles/behaviors/svg-surfaces.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-contrast-state data-spw-features data-spw-image-state data-spw-persona 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

defines tokens: --spw-svg-brand-accent --spw-svg-brand-field --spw-svg-device-pointer-lift --spw-svg-motion-rate --spw-svg-node-fill-mix --spw-svg-pointer-intensity --spw-svg-pointer-x --spw-svg-pointer-x-ratio --spw-svg-pointer-y --spw-svg-pointer-y-ratio --spw-svg-surface-border --spw-svg-surface-shadow

public/css/bundles/core.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-accent data-spw-accent-concept data-spw-accent-palette data-spw-action-tier data-spw-activates data-spw-active data-spw-active-layers data-spw-affordance data-spw-allocation data-spw-anatomy data-spw-anatomy-ready data-spw-anatomy-stack data-spw-anatomy-state data-spw-animation-throttling data-spw-annotation data-spw-annotation-match data-spw-annotation-scope data-spw-annotation-state data-spw-artifact data-spw-attention data-spw-attentional-weight data-spw-audience data-spw-author-surface data-spw-background-motion data-spw-badge-type data-spw-base-material data-spw-base-metamaterial data-spw-bookmarked data-spw-box-model data-spw-box-presence data-spw-box-settle-phase data-spw-box-story data-spw-brace 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 data-spw-cadence-motion data-spw-capture-mode data-spw-card-state data-spw-category-family data-spw-cauldron data-spw-cauldron-action data-spw-cauldron-candidate data-spw-cauldron-candidate-visibility data-spw-cauldron-category data-spw-cauldron-discoverability data-spw-cauldron-garden-phase data-spw-cauldron-mirror data-spw-cauldron-phase data-spw-cauldron-resonance data-spw-cauldron-state data-spw-cauldron-visibility data-spw-charge data-spw-charge-direction data-spw-charge-key data-spw-charge-phase data-spw-child-active data-spw-chrome-fluid data-spw-chrome-island data-spw-chrome-role data-spw-chrome-tier data-spw-cognitive-container data-spw-cognitive-handles data-spw-collectability data-spw-collected data-spw-collection-intention 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-id 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-composition-flow data-spw-concept data-spw-concept-label data-spw-concept-relation 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-controls-open data-spw-copy-depth data-spw-crossref data-spw-crossref-source data-spw-crumb-kind data-spw-current data-spw-debug data-spw-debug-layers data-spw-debug-mode data-spw-deep-link data-spw-delight data-spw-density data-spw-depth 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-disclosure data-spw-discovery-motion data-spw-display-layer data-spw-drag-state data-spw-dragging data-spw-edge data-spw-effect data-spw-effect-stop data-spw-embedded-tuning-host data-spw-emphasis data-spw-empty data-spw-enhancement-level data-spw-evidence data-spw-explore-posture data-spw-feature data-spw-feature-learning data-spw-features data-spw-field-wonder data-spw-filters 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-garden-provenance data-spw-generated data-spw-gesture data-spw-gesture-contract data-spw-gesture-hint data-spw-grain-state data-spw-grain-theme data-spw-groundable data-spw-grounded data-spw-grounded-in data-spw-grounding data-spw-guide-kind data-spw-guide-value data-spw-guided 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-hint-density data-spw-hint-surface data-spw-hold-state data-spw-hook-variant data-spw-hydration data-spw-image-discovered data-spw-image-discovery 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-reward data-spw-image-shape data-spw-image-state data-spw-image-surface data-spw-ingredient-inspect data-spw-ingredient-lab data-spw-ingredient-mode data-spw-ingredient-phase data-spw-ingredient-primed data-spw-inline-form 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-context data-spw-interaction-lane data-spw-interaction-tuner data-spw-interaction-wonder data-spw-interactivity data-spw-kind data-spw-knowledge data-spw-label data-spw-latched data-spw-layout data-spw-layout-contract data-spw-layout-flow data-spw-layout-owner 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-learning-mode data-spw-learning-surface data-spw-lens data-spw-lens-deep-link data-spw-lens-mode data-spw-lens-panel-state data-spw-lens-state 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-load-posture data-spw-load-timing data-spw-locality data-spw-lore-role data-spw-machinability data-spw-meaning-depth data-spw-meaning-mode data-spw-measure data-spw-measure-kind data-spw-medium 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-phase data-spw-menu-pressure data-spw-menu-reversible data-spw-menu-topology data-spw-metacognitive-stance data-spw-metamaterial data-spw-metric-kind data-spw-mirror-label data-spw-module 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-narrative-copy 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-operational-visibility data-spw-operator data-spw-operator-reversibility data-spw-origin data-spw-ornament data-spw-ornament-axis data-spw-ornament-density data-spw-ornament-state data-spw-overlay data-spw-override-state data-spw-pack data-spw-pack-span data-spw-page-arrival data-spw-page-arrival-step data-spw-page-family data-spw-page-presence data-spw-page-primary-action data-spw-page-region-rail data-spw-page-responsibility 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-status data-spw-page-tempo data-spw-page-transition-phase data-spw-page-zone data-spw-palette-probe-active data-spw-palette-resonance data-spw-palette-trace-count data-spw-parallel data-spw-pedagogical-flavor data-spw-permeability data-spw-persona data-spw-phase-indicators data-spw-physics data-spw-physics-reason data-spw-pinch-scaling data-spw-pinned data-spw-pivot-active data-spw-popped data-spw-popup-placement data-spw-popup-posture data-spw-prefetch-mode data-spw-prefix data-spw-primary-operator data-spw-prime-state data-spw-primed data-spw-projection data-spw-promo-theme data-spw-promptability data-spw-proof data-spw-publication 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-active 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-role data-spw-region-state data-spw-related-routes data-spw-relation data-spw-resonance data-spw-resonance-axis data-spw-resonance-probe data-spw-resonance-token data-spw-resonant data-spw-rhythm data-spw-role data-spw-role-cluster data-spw-room data-spw-route-family data-spw-route-link data-spw-route-menu-layout data-spw-route-menu-scope data-spw-route-state 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-scroll-cadence 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-semantic-cluster data-spw-semantic-density data-spw-semantic-expression data-spw-semantic-owner data-spw-semantics data-spw-sequence-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 data-spw-signature data-spw-site-rhythm 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-path-state data-spw-spell-state data-spw-spirit-phase data-spw-stage 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-swappable data-spw-swipe 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-touch 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-viewport data-spw-viewport-tier data-spw-visit-burst data-spw-visited data-spw-visual-cues data-spw-vocab data-spw-vocabulary data-spw-vocabulary-term data-spw-wall 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 +1550

public/css/bundles/routes/about.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-color-mode data-spw-image-surface 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 +18

public/css/bundles/routes/blog.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-beat data-spw-charge-key data-spw-charge-state data-spw-color-mode data-spw-flow data-spw-high-contrast data-spw-liminality data-spw-perspective data-spw-phase data-spw-playing data-spw-reduce-motion data-spw-surface

defines tokens: --blog-accent --blog-bg --blog-bg-card --blog-bg-card-strong --blog-bg-deep --blog-card-readable-width --blog-draft --blog-draft-bg --blog-field-bg --blog-focus-outline --blog-focus-ring --blog-frame-objective-opacity --blog-frame-subjective-opacity --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 +33

public/css/bundles/routes/contact.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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/bundles/routes/craft.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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/bundles/routes/home.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-accent-palette 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-reduce-motion 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 +60

public/css/bundles/routes/plans.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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/bundles/routes/play.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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/bundles/routes/recipes.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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/bundles/routes/rpg-wednesday.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-charge-key data-spw-charge-state data-spw-curator-density data-spw-feature data-spw-flow data-spw-image-surface data-spw-language-evolution-posture data-spw-layout data-spw-phase data-spw-playing data-spw-reduce-motion data-spw-surface data-spw-world-slot-kind

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 +26

public/css/bundles/routes/services-care.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-surface

defines tokens: --services-accent-cool --services-glow --services-line --services-line-strong --services-panel --services-paper --spw-main-width

public/css/bundles/routes/services-creator.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-surface

defines tokens: --services-accent-cool --services-glow --services-line --services-line-strong --services-panel --services-paper --spw-main-width

public/css/bundles/routes/services-ecosystem.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-surface

defines tokens: --services-accent-cool --services-glow --services-line --services-line-strong --services-panel --services-paper --spw-main-width

public/css/bundles/routes/services-systems.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-surface

defines tokens: --services-accent-cool --services-glow --services-line --services-line-strong --services-panel --services-paper --spw-main-width

public/css/bundles/routes/services.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-surface

defines tokens: --services-accent-cool --services-glow --services-line --services-line-strong --services-panel --services-paper --spw-main-width

public/css/bundles/routes/settings.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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/bundles/routes/tools-budgeting.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-surface

public/css/bundles/routes/topics.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

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

defines tokens: --card-highlight --card-shadow --ink --ink-soft --line --line-strong --spw-main-width --surface --surface-panel --surface-panel-strong --surface-soft --surface-strong --topics-accent --topics-accent-soft --topics-card-shadow --topics-ink --topics-ink-soft --topics-input-bg --topics-line --topics-line-strong --topics-panel --topics-panel-muted --topics-panel-violet --topics-panel-warm +12

public/css/bundles/routes/website.css

Generated by scripts/css-bundle.mjs — do not edit by hand.

reads attrs: data-spw-category-family data-spw-color-mode data-spw-component-identity data-spw-copy-current-query data-spw-gesture data-spw-metamaterial data-spw-page-family data-spw-page-seed data-spw-pigment-token data-spw-promptability data-spw-setting-just-verified data-spw-surface

defines tokens: --active-op-color --card-highlight --card-shadow --design-ecology-accent --design-ecology-bubble-fill --design-ecology-bubble-line --design-ecology-bubble-radius --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 +60

public/css/components/cards.css

components/cards.css -------------------------------------------------------------------------- Frame cards, link cards, and inner type hygiene for reusable card composition.

reads attrs: data-spw-active data-spw-background-motion data-spw-badge-type data-spw-card-state data-spw-category-family data-spw-cauldron-candidate-visibility data-spw-cauldron-category data-spw-charge data-spw-chrome-tier data-spw-collection-status data-spw-component-lifecycle data-spw-component-locality data-spw-component-state data-spw-component-variant data-spw-concept-label data-spw-content-tone data-spw-content-variant data-spw-copy-depth data-spw-crossref data-spw-crossref-source data-spw-developmental-climate data-spw-emphasis data-spw-empty data-spw-evidence data-spw-font-size-scale data-spw-form data-spw-gesture data-spw-kind data-spw-link-intent data-spw-list-behavior data-spw-locality data-spw-machinability data-spw-module-visuals data-spw-nav-tokenized data-spw-page-role data-spw-palette-resonance data-spw-prefix data-spw-region data-spw-region-role data-spw-resonance-axis data-spw-role data-spw-runtime-posture data-spw-selection data-spw-semantic-cluster data-spw-semantic-density data-spw-semantic-expression data-spw-spacing data-spw-state-contract data-spw-toast data-spw-transition-surface data-spw-vocab

defines tokens: --card-internal-gap --card-rhythm --card-secondary-opacity --card-secondary-shift --card-secondary-weight --cauldron-highlight --component-route-accent --region-jump-target --spw-cluster-accent --spw-cluster-line --spw-content-variant-accent --spw-content-variant-gap --spw-content-variant-pad --spw-copy-depth-bg --spw-copy-depth-line --spw-cuisine-accent --spw-debug-layer-color --spw-debug-layer-owner --spw-emphasis-accent --spw-learning-accent --spw-list-charge-gap --spw-region-local-fill --spw-region-local-line --spw-resonance-axis-opacity +7

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 -------------------------------------------------------------------------- Memory Garden Cauldron UX chrome — phase rail, floating chip, and mobile panel collapse for the footer gathering vessel.

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-phase data-spw-cauldron-resonance data-spw-cauldron-resonance-operators 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-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 --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 --spw-visual-link-accent --spw-visual-link-glow --spw-wisdom-deck-min

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-chrome-fluid data-spw-chrome-role data-spw-chrome-tier data-spw-enhancement-level data-spw-floating-chrome data-spw-floating-chrome-bottom data-spw-floating-chrome-competition 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-placement data-spw-satchel-anchor data-spw-satchel-positioned data-spw-snap 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-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-safe-inset --spw-floating-satchel-lane --spw-floating-slot-bottom-base --spw-floating-slot-console --spw-floating-slot-control --spw-floating-slot-gap --spw-floating-slot-gutter --spw-floating-slot-parallel-nav +4

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-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.

reads attrs: data-spw-anatomy-stack data-spw-cognitive-handles data-spw-gesture data-spw-gesture-hint data-spw-interaction-tuner data-spw-slot data-spw-slot-active data-spw-slot-label data-spw-tuning-discoverability

defines tokens: --gesture-anatomy-opacity --gesture-anatomy-ring --gesture-anatomy-size

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-chrome-island data-spw-comedic-timing data-spw-disclosure data-spw-floating-chrome 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-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/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-mode data-spw-deep-link data-spw-density data-spw-drag-state data-spw-dragging data-spw-feature data-spw-feature-learning data-spw-floating-chrome data-spw-handle data-spw-harmony data-spw-high-contrast data-spw-image-discovery data-spw-image-reward data-spw-kind data-spw-module data-spw-module-trigger data-spw-module-trigger-status 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-mount-batch 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-slot data-spw-slot-label 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-pad --spw-box-model-rail-opacity --spw-box-model-rail-width --spw-component-settle-transition --spw-hydration-ready-shadow --spw-layout-cascade-hold --spw-module-trigger-color --spw-region-profile-intensity --spw-runtime-enhancement-intensity --spw-runtime-feature-intensity --spw-runtime-readiness-ring --spw-section-inertia-shift --spw-section-local-resonance --spw-site-rhythm-tempo --spw-transition-hierarchy-resonance --spw-transition-hierarchy-shadow --spw-transition-surface-physics --state-inspector-accent --surface-padding

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-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-box-settle-phase data-spw-component-kind data-spw-feature data-spw-kind 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-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/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.

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-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/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/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-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-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-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-ease --spw-wonder-ease-mechanical --spw-wonder-ease-settle +3

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-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 +73

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.css

operators.css -------------------------------------------------------------------------- Purpose - Interactive handles, inline affordances, compact control seams, and literate gesture states. - This layer owns "how something can be grasped", not full material, phase, or pretext layout systems. Mental model - Tokens can be grasped as text, pills, seams, or room-signs. - Handles should expose semantic allocation without overwhelming prose. - A good handle explains what can be touched, how it will respond, and which operator / substrate / stance / role it belongs to. Does own - sigils, operator c

reads attrs: data-spw-active 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-mode data-spw-dimensional-breadcrumbs data-spw-feature data-spw-features 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-knowledge data-spw-latched data-spw-lens-deep-link 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-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-reversibility data-spw-page-arrival data-spw-page-arrival-step data-spw-page-transition-phase data-spw-pinned data-spw-projection data-spw-proof data-spw-role data-spw-role-cluster data-spw-selection data-spw-semantic-expression data-spw-show-semantic-metadata 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-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-arrival-lift --handle-arrival-opacity --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 +67

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/modes/hydration.css

hydration.css -------------------------------------------------------------------------- Layout containment and transition guards for boot-time hydration.

reads attrs: data-spw-activates data-spw-frame data-spw-hydration

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/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-gesture data-spw-interaction-context data-spw-operator data-spw-ornament data-spw-ornament-axis data-spw-ornament-density data-spw-ornament-state data-spw-role-cluster 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-operator data-spw-role

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-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 +18

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

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

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-copy-current-query data-spw-gesture data-spw-metamaterial data-spw-page-family data-spw-page-seed data-spw-pigment-token data-spw-setting-just-verified

defines tokens: --active-op-color --design-ecology-accent --design-ecology-bubble-fill --design-ecology-bubble-line --design-ecology-bubble-radius --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 --design-surface-panel-bg +41

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 --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 +55

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: --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-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-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/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-measure-kind data-spw-slot data-spw-surface

defines tokens: --card-highlight --card-shadow --ink --ink-soft --line --line-strong --spw-main-width --surface --surface-panel --surface-panel-strong --surface-soft --surface-strong --topics-accent --topics-accent-soft --topics-card-shadow --topics-ink --topics-ink-soft --topics-input-bg --topics-line --topics-line-strong --topics-panel --topics-panel-muted --topics-panel-violet --topics-panel-warm +12

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-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.css

chrome.css -------------------------------------------------------------------------- Purpose - Own the shared site chrome: sticky header, primary navigation, nav disclosure affordances, and the shared site footer. - Keep shell chrome concerns separate from generic page scaffolding so route surfaces and shell defaults are easier to reason about.

reads attrs: data-spw-action-tier data-spw-active-layers data-spw-annotation-state data-spw-base-metamaterial data-spw-breadcrumb-state data-spw-breadcrumb-viewport data-spw-cadence data-spw-cadence-motion 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-phase data-spw-cauldron-resonance data-spw-cauldron-state data-spw-chrome-role data-spw-cognitive-container data-spw-color-mode data-spw-features data-spw-flow data-spw-gesture data-spw-grounded data-spw-handle-advanced data-spw-handle-enhanced data-spw-handle-phase data-spw-handle-shell-state data-spw-handle-state data-spw-high-contrast data-spw-ingredient-inspect data-spw-ingredient-phase data-spw-ingredient-primed data-spw-interaction-tuner data-spw-liminality 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-metamaterial data-spw-mirror-label data-spw-nav-destination data-spw-nav-fit data-spw-nav-tokenized data-spw-notice-click-target data-spw-origin data-spw-ornament data-spw-page-section-direction data-spw-page-section-phase data-spw-primed data-spw-promo-theme data-spw-route-menu-layout data-spw-route-menu-scope data-spw-sample-kind data-spw-satchel-positioned data-spw-section-handle data-spw-section-handle-desktop data-spw-section-has-vocabulary 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-spell-state data-spw-state-inspector data-spw-state-inspector-root data-spw-viewport data-spw-vocabulary-term data-spw-wonder data-spw-wonder-state

defines tokens: --active-op-color --cauldron-candidate-wash --cauldron-chip-bg --cauldron-chip-border --cauldron-chip-ink --cauldron-highlight --credits-linger --footer-accent --footer-bg --footer-bg-strong --footer-panel-bg --footer-panel-bg-soft --footer-panel-line --footer-panel-line-strong --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 --region-jump-target +58

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-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 --shell-hero-pad-inline +44

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/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/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-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-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 --spw-surface-room-scale --spw-surface-seam-gap +2

public/css/systems/surfaces/base.css

surfaces/base.css -------------------------------------------------------------------------- Shared shell variables and macro-layout normalization.

reads attrs: data-spw-attentional-weight

defines tokens: --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 --spw-shell-panel-pad --spw-shell-sheen +3

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 tuning surfaces — the site as a magic book whose presentation can be explored without rewriting content.

reads attrs: data-spw-affordance data-spw-cognitive-handles data-spw-embedded-tuning-host 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-contrast-state data-spw-features data-spw-image-state 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

defines tokens: --spw-svg-brand-accent --spw-svg-brand-field --spw-svg-device-pointer-lift --spw-svg-motion-rate --spw-svg-node-fill-mix --spw-svg-pointer-intensity --spw-svg-pointer-x --spw-svg-pointer-x-ratio --spw-svg-pointer-y --spw-svg-pointer-y-ratio --spw-svg-surface-border --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 +638

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-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

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/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-accent-2

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-accent-2-soft

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-accent-3

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-accent-3-soft

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-accent-soft

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-bg

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-bg-deep

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-bg-field

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-frame-shadow

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-frame-shadow-hover

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-ink

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-ink-faint

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-ink-mid

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-ink-soft

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-line

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-line-accent

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-line-strong

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-panel-radius

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-panel-radius-loose

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-surface

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-surface-matte

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-surface-soft

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--about-surface-strong

defined in: public/css/bundles/routes/about.css public/css/routes/surfaces/about.css

--accent
--active-op-bg-soft

defined in: public/css/bundles/core.css public/css/bundles/routes/about.css public/css/bundles/routes/contact.css public/css/bundles/routes/plans.css public/css/bundles/routes/recipes.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: public/css/bundles/core.css public/css/bundles/routes/about.css public/css/bundles/routes/contact.css public/css/bundles/routes/plans.css public/css/bundles/routes/recipes.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: public/css/bundles/core.css public/css/bundles/routes/about.css public/css/bundles/routes/contact.css public/css/bundles/routes/home.css public/css/bundles/routes/plans.css public/css/bundles/routes/recipes.css public/css/bundles/routes/settings.css public/css/bundles/routes/website.css public/css/grammar/syntax.css public/css/handles/operators.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/settings.css public/css/shell/chrome.css public/css/tokens/core.css

--amber

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/routes/surfaces/home.css public/css/tokens/core.css

--amber-soft

defined in: public/css/bundles/core.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: public/css/bundles/core.css public/css/grammar/syntax.css

--angle-height

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--angle-offset

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--angle-open-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--angle-stroke

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--angle-width

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--annotation-accent

defined in: public/css/bundles/core.css public/css/tokens/core.css

--annotation-bg

defined in: public/css/bundles/core.css public/css/tokens/core.css

--annotation-line

defined in: public/css/bundles/core.css public/css/tokens/core.css

--attention-echo-duration

defined in: public/css/bundles/core.css public/css/components/foundation.css public/css/tokens/core.css

--attention-field-decay

defined in: public/css/bundles/core.css public/css/tokens/core.css

--attention-field-radius

defined in: public/css/bundles/core.css public/css/tokens/core.css

--attention-handle-offset

defined in: public/css/bundles/core.css public/css/tokens/core.css

--attention-rail-gap

defined in: public/css/bundles/core.css public/css/tokens/core.css

--attention-rail-width

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-annotation-strength

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-draft-privacy

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-margin-presence

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-mode

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-mode-accent

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-mode-ink

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-mode-line

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-mode-wash

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-mode-wash-strong

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-publication-readiness

defined in: public/css/bundles/core.css public/css/tokens/core.css

--author-thread-density

defined in: public/css/bundles/core.css public/css/tokens/core.css

--badge-bg

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--badge-text

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--bane-bg-soft

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bane-border

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bane-color

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bane-glow

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bg

defined in: public/css/bundles/core.css public/css/bundles/routes/craft.css public/css/bundles/routes/home.css public/css/bundles/routes/play.css public/css/bundles/routes/rpg-wednesday.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: public/css/bundles/core.css public/css/bundles/routes/craft.css public/css/bundles/routes/play.css public/css/bundles/routes/rpg-wednesday.css public/css/routes/surfaces/craft.css public/css/routes/surfaces/play.css public/css/tokens/core.css

--bg-field

defined in: public/css/bundles/core.css public/css/bundles/routes/craft.css public/css/bundles/routes/home.css public/css/routes/surfaces/craft.css public/css/routes/surfaces/home.css public/css/tokens/core.css

--bg-ritual

defined in: public/css/bundles/core.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: public/css/bundles/core.css public/css/grammar/syntax.css

--block-border-width

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-depth-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-depth-size

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-highlight-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-highlight-offset

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-hover-border-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-hover-depth-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-hover-highlight-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-inset

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--block-radius

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--blog-accent

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-bg

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-bg-card

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-bg-card-strong

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-bg-deep

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-card-readable-width

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-draft

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-draft-bg

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-field-bg

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-focus-outline

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-focus-ring

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-frame-objective-opacity

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-frame-subjective-opacity

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-gap-1

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-gap-2

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-gap-3

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-gap-4

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-layouts.css public/css/routes/surfaces/blog.css

--blog-gap-5

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-ink

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-ink-soft

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-line

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-line-strong

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-measure

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-objective-line

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-panel-pad

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-layouts.css public/css/routes/surfaces/blog.css

--blog-play

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-pretext-line-gap-approach

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-pretext-line-gap-contact

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-pretext-line-gap-projecting

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-pretext-line-gap-resting

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-radius

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-radius-loose

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-radius-tight

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-readable-width

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-rhythm-accent-mix

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-rhythm-border-strength

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-rhythm-shadow-strength

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog-frames.css

--blog-shadow-card

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-shadow-soft

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-spw

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-spw-bg

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-subjective-line

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-transition-fast

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-transition-ui

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-warn

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-warn-bg

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-wonder

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blog-wonder-bg

defined in: public/css/bundles/routes/blog.css public/css/routes/surfaces/blog.css

--blue

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bone-bg-soft

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bone-border

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bone-color

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bonk-bg-soft

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bonk-border

defined in: public/css/bundles/core.css public/css/tokens/core.css

--bonk-color

defined in: public/css/bundles/core.css public/css/tokens/core.css

--boon-bg-soft

defined in: public/css/bundles/core.css public/css/tokens/core.css

--boon-border

defined in: public/css/bundles/core.css public/css/tokens/core.css

--boon-color

defined in: public/css/bundles/core.css public/css/tokens/core.css

--boon-glow

defined in: public/css/bundles/core.css public/css/tokens/core.css

--border-color
--border-soft
--boundary-rail-width-strong
--brace-close-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css public/css/handles/operators.css

--brace-corner-height

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/grammar/syntax.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css

--brace-corner-offset

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/grammar/syntax.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css

--brace-corner-radius

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--brace-corner-stroke

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--brace-corner-width

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/grammar/syntax.css public/css/routes/surfaces/home-panels.css public/css/routes/surfaces/home.css

--brace-edge-alpha

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--brace-glow-alpha

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--brace-inner-density

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--brace-measure-tint

defined in: public/css/bundles/core.css public/css/handles/operators.css

--brace-open-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css public/css/handles/operators.css

--brace-settle-duration

defined in: public/css/bundles/core.css public/css/tokens/core.css

--brace-settle-ease

defined in: public/css/bundles/core.css public/css/tokens/core.css

--brace-strip-width

defined in: public/css/bundles/core.css public/css/tokens/core.css

--canvas-blend

defined in: public/css/bundles/core.css public/css/ornament/canvas-accents.css

--canvas-opacity

defined in: public/css/bundles/core.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: public/css/bundles/core.css public/css/bundles/routes/home.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: public/css/bundles/core.css public/css/bundles/routes/topics.css public/css/bundles/routes/website.css public/css/routes/surfaces/topics.css public/css/routes/surfaces/website.css public/css/tokens/core.css

--card-internal-gap

defined in: public/css/bundles/core.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: public/css/bundles/core.css public/css/components/cards.css

--card-secondary-opacity

defined in: public/css/bundles/core.css public/css/components/cards.css

--card-secondary-shift

defined in: public/css/bundles/core.css public/css/components/cards.css

--card-secondary-weight

defined in: public/css/bundles/core.css public/css/components/cards.css

--card-shadow

defined in: public/css/bundles/core.css public/css/bundles/routes/topics.css public/css/bundles/routes/website.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: public/css/bundles/core.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: public/css/bundles/core.css public/css/components/foundation.css public/css/shell/chrome.css public/css/tokens/core.css

--cauldron-chip-bg

defined in: public/css/bundles/core.css public/css/shell/chrome.css

--cauldron-chip-border

defined in: public/css/bundles/core.css public/css/shell/chrome.css

--cauldron-chip-ink

defined in: public/css/bundles/core.css public/css/shell/chrome.css

--cauldron-highlight

initial: transparent

defined in: public/css/bundles/core.css public/css/components/cards.css public/css/components/foundation.css public/css/shell/chrome.css public/css/tokens/core.css

--cauldron-tether

defined in: public/css/bundles/core.css public/css/handles/operators.css

--charcoal
--charcoal-dark

defined in: public/css/bundles/core.css public/css/tokens/core.css

--charcoal-light

defined in: public/css/bundles/core.css public/css/tokens/core.css

--charcoal-rgb

defined in: public/css/bundles/core.css public/css/tokens/core.css

--charge

initial: 0

defined in: public/css/bundles/core.css public/css/effects/cinematic.css public/css/tokens/core.css public/css/typography/base.css

--charge-accent

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--charge-ink

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--charge-kinetic

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--charge-manifest

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--charge-none

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--charge-potential

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--charge-release-duration

defined in: public/css/bundles/core.css public/css/tokens/core.css

--charge-release-ease

defined in: public/css/bundles/core.css public/css/tokens/core.css

--charge-state

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--charge-wash

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--chrome-font

defined in: public/css/bundles/core.css public/css/components/floating-chrome.css

--chrome-gap

defined in: public/css/bundles/core.css public/css/components/floating-chrome.css

--chrome-pad

defined in: public/css/bundles/core.css public/css/components/floating-chrome.css

--cinematic-arrive-duration

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-arrive-ease

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-climate-atmosphere

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-climate-charge-bias

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-climate-clarity

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-climate-memory

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-climate-pressure

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-climate-resonance

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-climate-selection-bias

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-depth-scale

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-dwell-duration

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-dwell-ease

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-ease
--cinematic-field-color

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-field-opacity

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-field-radius

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-glow-scale

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-intensity

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-outline-alpha

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-outline-scale

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-release-duration

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-release-ease

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-shadow-alpha

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-wash-alpha

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--cinematic-wash-scale

defined in: public/css/bundles/core.css public/css/effects/cinematic.css

--circle-close-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--circle-height

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--circle-offset

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--circle-open-color

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--circle-stroke

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--circle-width

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--climate-accent

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-ink

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-line

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-line-strong

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-wash

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-accent-wash-strong

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-anchor-accent

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-annotation

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-annotation-strength

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-atmosphere-bias

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-badge-bg

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-badge-text

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-charge-bias

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-clarity

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-clarity-bias

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-connection-strength

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-density

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-frame-header-line

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-frame-left-rail

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-gap-scale

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-hint-opacity

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-hover-lift

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-interaction

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-local-gap

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-local-pad

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-margin-tint

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-memory-bias

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-menu-bg

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-menu-line

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-menu-shadow

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-offer-accent

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-orient-accent

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-outline-strength

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-pad-scale

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-paper-tint

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-pressure-bias

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-publication

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-publication-strength

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-rehearse-accent

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-relation

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-resonance-bias

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-seam

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-seam-color

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-seam-width

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css

--climate-selection-bias

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-selection-ring

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--climate-transition-duration

defined in: public/css/bundles/core.css public/css/tokens/core.css

--climate-transition-slow

defined in: public/css/bundles/core.css public/css/tokens/core.css

--climate-transition-timing

defined in: public/css/bundles/core.css public/css/tokens/core.css

--climate-weave-accent

defined in: public/css/bundles/core.css public/css/effects/developmental-climate.css public/css/tokens/core.css

--code-color
--cognitive-container-tint

defined in: public/css/bundles/core.css public/css/components/frames.css

--coherence

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--component-accent

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/foundation.css public/css/components/runtime-states.css public/css/routes/surfaces/home.css

--component-accent-emphasis

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-accent-secondary

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-accent-soft

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-accent-strong

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-accent-subtle

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-accent-wash

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-arrival-offset

defined in: public/css/bundles/core.css public/css/components/signals.css public/css/components/surfaces.css

--component-arrival-opacity

defined in: public/css/bundles/core.css public/css/components/signals.css public/css/components/surfaces.css

--component-border

defined in: public/css/bundles/core.css public/css/components/foundation.css public/css/components/runtime-states.css

--component-border-quiet

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-border-strong

defined in: public/css/bundles/core.css public/css/components/foundation.css public/css/components/runtime-states.css

--component-card-detail-opacity

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-card-detail-shift

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-card-detail-weight

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-chip-height

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-code-measure

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-feature-accent

defined in: public/css/bundles/core.css public/css/components/signals.css

--component-frame-shadow

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-frame-shadow-active

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-gap

defined in: public/css/bundles/core.css public/css/components/foundation.css public/css/components/typography-packing.css

--component-gap-loose

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-gap-roomy

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-gap-tight

defined in: public/css/bundles/core.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: public/css/bundles/core.css public/css/components/foundation.css

--component-ink

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-layer-base

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-layer-overlay

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-layer-raised

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-line
--component-material-bg

defined in: public/css/bundles/core.css public/css/components/frames.css

--component-material-border

defined in: public/css/bundles/core.css public/css/components/frames.css

--component-material-shadow

defined in: public/css/bundles/core.css public/css/components/frames.css

--component-measure

defined in: public/css/bundles/core.css public/css/components/foundation.css public/css/components/frames.css

--component-measure-tight

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-measure-wide

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-micro-lift

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-micro-press-scale

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-module-active-ring

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-module-context-ring

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-module-hydration-ring

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-module-rail-end

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-module-rail-opacity

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-module-rail-start

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-module-rail-width

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-pad

defined in: public/css/bundles/core.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: public/css/bundles/core.css public/css/components/foundation.css

--component-pad-roomy

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-pad-tight

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-radius

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-radius-loose

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-radius-pill

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-radius-tight

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-rail-width

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-route-accent

defined in: public/css/bundles/core.css public/css/components/cards.css public/css/components/foundation.css public/css/components/signals.css

--component-route-marker-bg

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-route-marker-line

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-route-marker-text

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-shadow

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-shadow-active

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-shadow-quiet

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-surface

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-surface-elevated

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-surface-lift

defined in: public/css/bundles/core.css public/css/components/foundation.css public/css/components/surfaces.css

--component-surface-matte

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-surface-soft

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-surface-strong

defined in: public/css/bundles/core.css public/css/bundles/routes/home.css public/css/components/foundation.css public/css/routes/surfaces/home.css

--component-text

defined in: public/css/bundles/core.css public/css/components/surfaces.css

--component-text-soft

defined in: public/css/bundles/core.css public/css/components/surfaces.css

--component-transition-arrival

defined in: public/css/bundles/core.css public/css/components/foundation.css public/css/components/signals.css

--component-transition-base

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-transition-deliberate

defined in: public/css/bundles/core.css public/css/components/foundation.css

--component-transition-fast

defined in: public/css/bundles/core.css public/css/components/foundation.css

--conception-color

defined in: public/css/bundles/core.css public/css/effects/electromagnetic-container.css

--connector-color

defined in: public/css/bundles/core.css public/css/tokens/core.css

--console-idle-opacity
--contact-accent

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-accent-2

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-accent-2-soft

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-accent-3

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-accent-3-soft

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-accent-soft

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-bg

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-bg-deep

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-bg-field

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-frame-shadow

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-frame-shadow-hover

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-ink

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-ink-faint

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-ink-mid

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-ink-soft

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-line

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-line-strong

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-panel-radius

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-panel-radius-loose

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-priority-ring

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-surface

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-surface-soft

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--contact-surface-strong

defined in: public/css/bundles/routes/contact.css public/css/routes/surfaces/contact.css

--container-border

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--container-shadow

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--container-surface

defined in: public/css/bundles/core.css public/css/grammar/syntax.css

--craft-accent

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-accent-soft

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-display

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-fold-edge

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-gold-dust

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-ink-blue

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-leaf

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-panel-glow

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-panel-shadow

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-rose-ink

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-sans

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-serif

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--craft-teal

defined in: public/css/bundles/routes/craft.css public/css/routes/surfaces/craft.css

--credits-linger

defined in: public/css/bundles/core.css public/css/shell/chrome.css

--crescendo-cinematic

defined in: public/css/bundles/core.css public/css/tokens/core.css

--crescendo-component

defined in: public/css/bundles/core.css public/css/tokens/core.css

--crescendo-compositional

defined in: public/css/bundles/core.css public/css/tokens/core.css

--crescendo-grain

defined in: public/css/bundles/core.css public/css/tokens/core.css

--crescendo-ornament

defined in: public/css/bundles/core.css public/css/tokens/core.css

--crescendo-structural

defined in: public/css/bundles/core.css public/css/tokens/core.css

--crescendo-surface

defined in: public/css/bundles/core.css public/css/tokens/core.css

--current-phase-hue
--current-phase-light
--current-phase-sat
--danger
--delight-color

defined in: public/css/bundles/core.css public/css/effects/wonder.css

--demo-color
--depth-0

defined in: public/css/bundles/core.css public/css/handles/cognitive-handles.css

--depth-1

defined in: public/css/bundles/core.css public/css/handles/cognitive-handles.css

--depth-2

defined in: public/css/bundles/core.css public/css/handles/cognitive-handles.css

--depth-3

defined in: public/css/bundles/core.css public/css/handles/cognitive-handles.css

--depth-4

defined in: public/css/bundles/core.css public/css/handles/cognitive-handles.css

--depth-active

defined in: public/css/bundles/core.css public/css/tokens/core.css

--depth-ambient

defined in: public/css/bundles/core.css public/css/tokens/core.css

--depth-cinematic

defined in: public/css/bundles/core.css public/css/tokens/core.css

--depth-indicator-width
--depth-projected

defined in: public/css/bundles/core.css public/css/tokens/core.css

--depth-settled

defined in: public/css/bundles/core.css public/css/tokens/core.css

--design-ecology-accent

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-ecology-bubble-fill

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-ecology-bubble-line

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-ecology-bubble-radius

defined in: public/css/bundles/routes/website.css 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-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/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-accent-strong

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-accent-warm

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-base

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-base-soft

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-base-strong

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-contrast

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-ink

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-ink-mid

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-ink-on-matte

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-ink-on-matte-soft

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-ink-soft

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-line

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-line-strong

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-link

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-matte

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-matte-strong

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-panel

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-panel-bg

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-panel-bg-strong

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

--design-surface-panel-strong

defined in: public/css/bundles/routes/website.css public/css/routes/surfaces/design.css

Showing first 500 of 2229 tokens. See catalog.json for the full list.

Philosophy docs

.spw/ files that name attributes or tokens — the prose source of meaning.

.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/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-inline-tone 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-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-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-color-mode 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-compositional-esteem data-spw-concept-label data-spw-connection-posture data-spw-console-state data-spw-context 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-gesture data-spw-grounded 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-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-overflow-mode data-spw-overlay data-spw-page-family data-spw-page-role 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-flow data-spw-region-role data-spw-resonance data-spw-resonance-probe 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-service-worker-cache-entries data-spw-service-worker-cache-state data-spw-service-worker-prefetch data-spw-setting-just-verified 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-context 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-perspective data-spw-resonance data-spw-role data-spw-runtime- data-spw-semantic- data-spw-slot data-spw-state- data-spw-surface 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-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-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-related-routes data-spw-role data-spw-route-family data-spw-route-menu- data-spw-semantic-owner data-spw-surface data-spw-wonder-state