:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:3px;--radius-md:6px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--surface:#f7f7f5;--surface-raised:#fff;--surface-sunken:#ecece8;--border:#d6d6d0;--border-strong:#a8a8a0;--ink:#1b1b19;--ink-muted:#5c5c56;--ink-faint:#82827a;--accent:#2122c9;--focus:#2122c9;--truth-physical:#2f6fb4;--truth-perceptual:#b4622f;--truth-diagrammatic:#6b5cb4;--motion-fast:.12s;--motion-base:.22s;--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:1ms;--motion-base:1ms}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.55}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell__header{align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;position:relative}.about{margin-left:auto;position:relative}.about__summary{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-sm);cursor:pointer;align-items:center;list-style:none;display:inline-flex}.about__summary::-webkit-details-marker{display:none}.about__summary:after{margin-left:var(--space-2);color:var(--ink-faint);content:"+"}.about[open] .about__summary:after{content:"−"}.about__panel{top:calc(100% + var(--space-2));z-index:20;width:min(32rem, calc(100vw - var(--space-6)));max-height:min(70vh,100dvh - 9rem,40rem);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);position:absolute;right:0;overflow:auto;box-shadow:0 1rem 3rem #0000002e}.about__panel h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.about__panel p{margin:0 0 var(--space-3);color:var(--ink-muted);font-size:var(--text-sm)}.about__panel p:last-child{margin-bottom:0}.about__links{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.about__links a{color:var(--accent)}.shell__back{color:var(--ink-muted);font-size:var(--text-sm);flex:0 0 100%;text-decoration:none}.shell__back:hover{color:var(--accent);text-decoration:underline}.shell__title{font-size:var(--text-lg);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:600}.shell__subtitle{color:var(--ink-muted);font-size:var(--text-sm);flex:18rem;margin:0}.shell__progress{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0}.shell__main{flex:1;grid-template-columns:minmax(9rem,12rem) minmax(0,1fr) minmax(16rem,22rem);align-items:stretch;min-height:0;display:grid}.shell__stage{padding:var(--space-5);border-inline:1px solid var(--border);display:flex}@media (width>=60.0625rem){.shell{height:100dvh;overflow:hidden}.shell__main{grid-template-rows:minmax(0,1fr)}.shell__stage,.ladder{overflow-y:auto}}.shell__transport{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);display:flex}.shell__transport-label{min-width:0;color:var(--ink-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0}.shell__transport button{padding:var(--space-2) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:44px;color:var(--ink);font:inherit;cursor:pointer}.shell__transport button:disabled{color:var(--ink-faint);cursor:not-allowed;opacity:.6}.ladder{padding:var(--space-5) var(--space-3)}.ladder__heading{margin:0 0 var(--space-3) var(--space-2);color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.ladder__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ladder__rung{align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--ink-muted);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:flex}.ladder__rung:hover{background:var(--surface-sunken)}.ladder__rung[data-state=current]{background:var(--surface-raised);border-color:var(--border-strong);color:var(--ink);font-weight:600}.ladder__rung[data-state=complete]{color:var(--ink)}.ladder__marker{width:1ch;color:var(--accent)}.ladder__index{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-faint)}.viewport{flex:1;min-height:18rem;display:flex}.viewport__frame{gap:var(--space-3);min-height:0;padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.viewport__frame[data-unsupported=true]{padding:var(--space-6);border-style:dashed;border-color:var(--border-strong);text-align:center;justify-content:center}.viewport__canvas{border-radius:var(--radius-sm);flex:1 1 0;min-height:min(58vh,30rem);position:relative;overflow:hidden}.viewport__canvas>*{position:absolute;inset:0}.viewport__canvas-error{max-width:36ch;color:var(--ink-muted);text-align:center;margin:auto}.viewport__readout{font-size:var(--text-sm);flex:none}.viewport__readout>summary{min-height:44px;color:var(--ink-muted);cursor:pointer;font-variant-numeric:tabular-nums;align-items:center;display:flex}.viewport__title{font-size:var(--text-lg);margin:0;font-weight:600}.viewport__body{max-width:42ch;color:var(--ink-muted);margin:0 auto}.viewport__status{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-xs);margin:0}.lesson{gap:var(--space-5);padding:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.lesson__eyebrow{align-items:center;gap:var(--space-3);margin:0 0 var(--space-2);display:flex}.lesson__number{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.lesson__title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:600;line-height:1.2}.lesson__question{color:var(--ink-muted);margin:0;font-style:italic}.lesson__body{gap:var(--space-3);flex-direction:column;display:flex}.lesson__look-for{padding:var(--space-3);background:var(--surface-raised);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0}.lesson__look-for-label{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;display:block}.lesson__mechanism{color:var(--ink-muted);margin:0}.lesson__controls{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.lesson__controls-heading{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600}.parameter__label{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.parameter__name{font-size:var(--text-sm);font-weight:500}.parameter__row{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.parameter__slider{flex:1;min-width:0}.parameter__value{min-width:4.5ch;color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:right}.parameter__select{margin-top:var(--space-2);width:100%;min-height:44px;padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink);font:inherit}.parameter__note{margin:var(--space-1) 0 0;color:var(--truth-perceptual);font-size:var(--text-xs)}.truth-badge{align-items:center;gap:var(--space-1);padding:1px var(--space-2);font-size:var(--text-xs);letter-spacing:.02em;border:1px solid;border-radius:999px;display:inline-flex}.truth-badge[data-mode=physical]{color:var(--truth-physical)}.truth-badge[data-mode=perceptual]{color:var(--truth-perceptual)}.truth-badge[data-mode=diagrammatic]{color:var(--truth-diagrammatic)}.truth-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.disclosure{padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm)}.disclosure__summary{min-height:44px;color:var(--ink-muted);cursor:pointer;align-items:center;display:flex}.disclosure__body{gap:var(--space-3);color:var(--ink-muted);flex-direction:column;display:flex}.disclosure__body p{margin:0}.boundary{max-width:40rem;margin:var(--space-7) auto;padding:var(--space-5)}@media (width<=60rem){.shell__main{flex-direction:column;display:flex}.shell__stage{border-inline:0;border-block:1px solid var(--border)}.ladder{padding:var(--space-3);border-top:1px solid var(--border);order:3}.ladder__heading{margin-left:0}.ladder__list{justify-content:flex-end;gap:var(--space-1);padding-bottom:var(--space-1);flex-direction:row-reverse;overflow-x:auto}.ladder__rung{flex-direction:column;gap:0;width:auto;min-width:44px}.ladder__label{display:none}.lesson{order:2;overflow-y:visible}}.shell__panel{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.shell__panel .lesson{flex:1 0 auto;min-height:14rem}.scrubber{gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5);background:var(--surface);border-top:1px solid var(--border);flex-direction:column;flex:none;display:flex}.scrubber__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.scrubber__label{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.scrubber__segment{padding:1px var(--space-2);color:var(--ink-muted);font-size:var(--text-xs);border:1px solid;border-radius:999px}.scrubber__segment[data-segment=amplify]{color:var(--truth-perceptual)}.scrubber__input{width:100%}.scrubber__track{gap:2px;margin:0;padding:0;list-style:none;display:flex}.scrubber__tick{border-top:2px solid var(--border);color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;padding:2px 0;font-size:.6875rem;overflow:hidden}.scrubber__tick[data-active=true]{border-top-color:var(--accent);color:var(--ink)}.scrubber__description{color:var(--ink-muted);font-size:var(--text-sm);min-height:2.8em;margin:0}.viewport__notice{text-align:center}.readout{gap:var(--space-4);margin-top:var(--space-2);text-align:left;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.readout__group{padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm)}.readout__group[data-truth=perceptual]{border-color:var(--truth-perceptual)}.readout__title{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.readout__group[data-truth=physical] .readout__title{color:var(--truth-physical)}.readout__group[data-truth=perceptual] .readout__title{color:var(--truth-perceptual)}.readout__list{font-size:var(--text-xs);margin:0}.readout__row{justify-content:space-between;gap:var(--space-3);padding:1px 0;display:flex}.readout__row dt{color:var(--ink-muted)}.readout__row dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0}@media (width<=60rem){.shell__panel{order:2;overflow:visible}.shell__panel .lesson{flex:none}}.compare{gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--surface);border-top:1px solid var(--border);flex-direction:column;flex:none;display:flex}.compare__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.compare__label{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.compare__hint{color:var(--ink-faint);font-size:var(--text-xs)}.compare__group{gap:var(--space-2);display:flex}.compare__button{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:1}.compare__button[data-active=true]{border-color:var(--accent);color:var(--ink);font-weight:600}.compare__button:disabled{color:var(--ink-faint);cursor:not-allowed;opacity:.6}.compare__caption{min-height:2.6em;color:var(--ink-muted);font-size:var(--text-sm);margin:0}.shell__stage[data-comparing=true] .viewport__frame{border-color:var(--accent);border-style:dashed}.viewport__panes{gap:var(--space-3);flex:1 1 0;min-height:0;display:flex}.viewport__pane{gap:var(--space-2);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;margin:0;display:flex}.viewport__pane-label{align-items:baseline;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:flex}.viewport__pane-index{color:var(--ink-faint);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.viewport__panes[data-split=false] .viewport__pane{gap:0}@media (width<=46rem){.viewport__panes[data-split=true]{flex-direction:column}}.shell__mode{gap:var(--space-1);margin-top:var(--space-3);display:flex}.shell__mode-button{min-height:44px;padding:var(--space-1) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink-faint);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:color var(--motion-fast) var(--ease-out);background:0 0}@media (width<=30rem){.about__panel{max-height:min(70vh,100dvh - 15rem,40rem)}.shell__transport{gap:var(--space-2);padding:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.shell__transport-label{text-align:center;grid-area:1/1/auto/-1}.shell__transport button{padding-inline:var(--space-2)}.shell__transport button:first-of-type{grid-area:2/1}.shell__transport button:nth-of-type(2){grid-area:2/2}.shell__transport button:nth-of-type(3){grid-area:2/3}}.shell__mode-button[data-active=true]{border-color:var(--accent);color:var(--ink);font-weight:600}.study{gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-sunken);border-top:1px solid var(--border);flex-direction:column;flex:none;display:flex}.study__group{border:0;margin:0;padding:0}.study__legend{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;padding:0;font-weight:600}.study__buttons{gap:var(--space-2);margin-top:var(--space-2);display:flex}.study__button{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;flex:1}.study__button[data-active=true]{border-color:var(--accent);color:var(--ink);font-weight:600}.study__hint{margin:var(--space-2) 0 0;color:var(--ink-muted);font-size:var(--text-xs);line-height:1.5}.study__parameters{gap:var(--space-4);margin-top:var(--space-3);flex-direction:column;display:flex}.study__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.study__action{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0}.study__action:disabled{color:var(--ink-faint);cursor:not-allowed;opacity:.5}.parameter{gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--truth-diagrammatic);flex-direction:column;display:flex}.parameter[data-truth=physical]{border-left-color:var(--truth-physical)}.parameter[data-truth=perceptual]{border-left-color:var(--truth-perceptual)}.parameter__labels{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.parameter__label{color:var(--ink);font-size:var(--text-sm);font-weight:600}.parameter__shader-label{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-xs)}.parameter__row{align-items:center;gap:var(--space-3);display:flex}.parameter__slider{min-width:0;min-height:32px;accent-color:var(--accent);flex:auto}.parameter__value{min-width:5ch;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);text-align:right;flex:none}.parameter__unit{color:var(--ink-faint)}.parameter__select{min-height:40px;padding:var(--space-1) var(--space-2);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-size:var(--text-sm)}.parameter__note{color:var(--ink-faint);font-size:var(--text-xs);margin:0}.parameter[data-modified=true] .parameter__value{font-weight:700}.compare__legend{padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.compare__legend-title{margin:0 0 var(--space-2);color:var(--ink);font-size:var(--text-xs);font-weight:600}.compare__legend-list{padding-left:var(--space-5);color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);margin:0;line-height:1.6}.compare__legend-note{margin:var(--space-2) 0 0;color:var(--ink-faint);font-size:var(--text-xs);line-height:1.5}.shell__play{min-width:7.5rem;min-height:44px;padding:var(--space-2) var(--space-4);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer}.shell__play:disabled{color:var(--ink-faint);cursor:not-allowed;opacity:.6}.viewport__surface{flex:1 1 0;min-height:0;display:flex;position:relative}.viewport__surface[data-orbit=true]{cursor:grab;touch-action:none}.viewport__surface[data-orbit=true]:active{cursor:grabbing}.viewport__surface:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.study__orbit-readout{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:auto;align-self:center}.lesson--blind{gap:var(--space-4)}.lesson__blind-intro{color:var(--ink-muted);font-size:var(--text-base);margin:0;line-height:1.6}.lesson__blind-questions{margin:var(--space-4) 0 0;padding-left:var(--space-5);color:var(--ink);font-size:var(--text-base);line-height:2}.lesson__reveal{min-height:44px;padding:var(--space-2) var(--space-5);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--ink);font:inherit;font-size:var(--text-sm);cursor:pointer;align-self:flex-start}