:root{--pupil: #13202b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=contrast]){--pupil: #030608}}:root[data-theme=dark],:root[data-theme=contrast]{--pupil: #030608}.eye-white{fill:var(--surface)}.eye-lid{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.eye-lid--lower{stroke-width:1.6;opacity:.8}.eye-crease{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-linecap:round;opacity:.55}.eye-iris{fill:color-mix(in srgb,var(--trace) 20%,var(--surface));stroke:var(--ink);stroke-width:1.4}.eye-iris-inner{fill:none;stroke:var(--trace);stroke-width:1.2;stroke-dasharray:2 4;opacity:.7}.eye-pupil{fill:var(--pupil);stroke:var(--ink);stroke-width:1}.eye-glint{fill:#fff;opacity:.85}.lm{fill:var(--muted)}.lm-ear{fill:var(--trace);stroke:var(--surface);stroke-width:1.2}.lm-iris{fill:var(--ink);opacity:.55}.ear-line{stroke:var(--trace);stroke-width:1.8;stroke-dasharray:4 3}.ear-line--h{stroke:var(--signal)}:root[data-theme=contrast] .eye-iris{fill:#000}.axis line,.axis path{stroke:var(--muted);stroke-width:1;fill:none}.axis text,.axis-label{font-family:var(--font-mono);font-size:13px;fill:var(--muted)}.axis-title{font-family:var(--font-body);font-size:14px;font-weight:700;fill:var(--ink)}.gridline line{stroke:var(--line)}.gridline path{display:none}.page-intro{padding:clamp(2.5rem,6vw,5rem) 0 1rem}.page-intro h1{max-width:20ch}.prose h2{font-size:var(--step-2);margin-top:.25rem}.prose h3{margin-top:1.5rem}.prose-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,4vw,4rem)}.prose-grid>:first-child h2{position:sticky;top:88px}@media(max-width:860px){.prose-grid{grid-template-columns:minmax(0,1fr)}.prose-grid>:first-child h2{position:static}}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin:0 0 1rem;max-width:var(--measure)}.kv dt{font-weight:700}.kv dd{margin:0}@media(max-width:520px){.kv{grid-template-columns:minmax(0,1fr)}.kv dd{margin-bottom:.5rem}}.md-body h3,.md-body h4,.md-body h5{margin-top:1.25rem}.md-body pre{white-space:pre-wrap;font-family:var(--font-mono);font-size:.9rem;background:var(--tape);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem;max-width:var(--measure);overflow-x:auto}.md-body blockquote{margin:0 0 1rem;padding-left:1rem;border-left:3px solid var(--line)}.story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem)}.story-stage-col{display:none}.story-animated .story-stage-col{display:block}.story-stage{position:sticky;top:84px;height:calc(100vh - 110px);max-height:720px;display:flex;flex-direction:column;justify-content:center}.story-stage .story-svg{width:100%;height:auto;max-height:calc(100% - 24px)}.story-svg{display:block;width:100%;height:auto;overflow:visible}.story-layer{opacity:0;transition:opacity .35s ease}.story-layer.is-active{opacity:1}.story-progress{display:flex;gap:6px;list-style:none;padding:0;margin:.5rem 0 0;max-width:none}.story-progress li{flex:1;height:4px;border-radius:2px;background:var(--tape);border:1px solid var(--line)}.story-progress li.is-active{background:var(--signal);border-color:var(--signal)}.story-steps{padding-bottom:10vh}html:not(.story-animated) .story-grid{grid-template-columns:minmax(0,1fr)}html:not(.story-animated) .story-steps{max-width:760px}.story-step{padding:2.5rem 0}.story-animated .story-step{min-height:90vh;display:flex;flex-direction:column;justify-content:center}.story-animated .story-step:first-child{min-height:70vh}.story-static{margin-bottom:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.5rem}.story-static:empty{display:none}.story-animated .story-static{display:none}.step-n{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);margin-bottom:.4rem}.story-step h2{font-size:var(--step-2)}.formula-text code{display:inline-block;font-size:1rem;padding:.5rem .75rem;border-radius:var(--radius);background:var(--tape);border:1px solid var(--line)}.band-list{list-style:none;padding:0}.band-list li{margin-bottom:.35rem}.band-chip{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.55rem;vertical-align:-1px}.band-chip--reject{background:var(--band-reject)}.band-chip--dot{background:var(--band-dot)}.band-chip--dash{background:var(--band-dash)}.band-chip--hold{border:2px solid var(--band-hold)}.band-chip--delete{background:var(--band-delete)}@media(max-width:899.98px){.story-grid{grid-template-columns:minmax(0,1fr)}}.face-pt{fill:var(--ink);opacity:1;transition:opacity .2s ease}.face-pt--mesh{fill:var(--muted)}.face-pt--eye,.face-pt--iris{fill:var(--trace)}.face-pt--lips,.face-pt--brow{fill:var(--ink)}.face--ghost .face-pt{fill:var(--muted)}.pt-label{font-family:var(--font-mono);font-size:11px;fill:var(--ink)}.formula{font-family:var(--font-mono);font-size:24px;fill:var(--ink)}.formula .term{transition:fill .2s ease}.formula .term.is-active.term--v{fill:var(--trace);font-weight:600}.formula .term.is-active.term--h{fill:var(--signal);font-weight:600}.formula-value{font-family:var(--font-mono);font-size:18px;fill:var(--muted)}.signal-line{fill:none;stroke:var(--trace);stroke-width:2.5;stroke-linejoin:round}.thr-line{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:7 5}.thr-label{font-family:var(--font-mono);font-size:15px;fill:var(--ink)}.detected rect{fill:var(--signal)}.count-label{font-family:var(--font-mono);font-size:16px;fill:var(--ink)}.note-line{stroke:var(--muted);stroke-width:1}.note-label{font-size:15px;fill:var(--ink);font-family:var(--font-body)}.band-col{opacity:.13}.band-col--reject{fill:var(--band-reject)}.band-col--dot{fill:var(--band-dot)}.band-col--dash{fill:var(--band-dash)}.band-col--hold{fill:var(--band-hold)}.band-col--delete{fill:var(--band-delete)}.band-edge{stroke:var(--line);stroke-dasharray:3 3}.band-name{font-family:var(--font-mono);font-size:15px;font-weight:600;fill:var(--ink)}.dur-bar{fill:var(--muted);opacity:.6}.dur-end{fill:var(--muted);stroke:var(--surface);stroke-width:2}.dur-bar--reject,.dur-end--reject{fill:var(--band-reject)}.dur-bar--dot,.dur-end--dot{fill:var(--band-dot)}.dur-bar--dash,.dur-end--dash{fill:var(--band-dash)}.dur-bar--hold,.dur-end--hold{fill:var(--band-hold)}.dur-bar--delete,.dur-end--delete{fill:var(--band-delete)}.story-tape{fill:var(--tape);stroke:var(--line)}.tape-mark{fill:var(--signal)}.tape-cursor{stroke:var(--ink);stroke-width:2}.letter-bracket,.word-bracket{fill:none;stroke:var(--muted);stroke-width:1.5}.word-bracket{stroke:var(--ink)}.story-letter{font-family:var(--font-mono);font-size:26px;font-weight:600;fill:var(--ink)}.story-word{font-family:var(--font-head);font-size:26px;font-weight:800;fill:var(--ink)}.gap-arrow{fill:none;stroke:var(--ink);stroke-width:1.5}.gap-label{font-family:var(--font-mono);font-size:14px;fill:var(--ink)}.turn-title{font-family:var(--font-head);font-weight:800;font-size:52px;fill:var(--ink)}.story-svg .axis-label{font-size:17px}.story-svg .axis-title{font-size:18px}.story-svg .band-name,.story-svg .note-label,.story-svg .count-label,.story-svg .thr-label,.story-svg .gap-label{font-size:19px}.story-svg .formula{font-size:27px}.story-svg .formula-value{font-size:20px}.story-stage{--halo: var(--paper)}.story-static{--halo: var(--surface)}.story-svg .thr-label,.story-svg .note-label,.story-svg .gap-label,.story-svg .band-name,.story-svg .pt-label{paint-order:stroke;stroke:var(--halo, var(--paper));stroke-width:5px;stroke-linejoin:round}
