@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:400;src:url(/monochord-string-lab/assets/spectral-latin-400-normal-CTVgUekv.woff2)format("woff2"),url(/monochord-string-lab/assets/spectral-latin-400-normal-D34IWA1h.woff)format("woff")}@font-face{font-family:Spectral;font-style:italic;font-display:swap;font-weight:400;src:url(/monochord-string-lab/assets/spectral-latin-400-italic-CDO25mTW.woff2)format("woff2"),url(/monochord-string-lab/assets/spectral-latin-400-italic-Ds-NcNVC.woff)format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:500;src:url(/monochord-string-lab/assets/spectral-latin-500-normal-nNjq7_Cd.woff2)format("woff2"),url(/monochord-string-lab/assets/spectral-latin-500-normal-PrYyf_gG.woff)format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:600;src:url(/monochord-string-lab/assets/spectral-latin-600-normal-DE3OxvnQ.woff2)format("woff2"),url(/monochord-string-lab/assets/spectral-latin-600-normal-DXnQJnYb.woff)format("woff")}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/monochord-string-lab/assets/work-sans-latin-wght-normal-Bl-S9Xys.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f3eadb;--paper-light:#f9f4ea;--paper-deep:#e2cfaf;--ink:#3b2a1e;--ink-soft:#6b5644;--line:#3b2a1e29;--line-strong:#3b2a1e57;--brass:#b8862b;--brass-deep:#7d5a1a;--brass-light:#e3c27a;--teal:#2f6e68;--teal-soft:#2f6e6826;--indigo:#3d4a86;--rust:#9a3b22;--felt:#8c7a63;--font-serif:"Spectral", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-sans:"Work Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--radius:6px;--gutter:clamp(16px, 3.2vw, 44px);--focus-ring:0 0 0 2px var(--paper-light), 0 0 0 4px var(--indigo);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 15px/1.5 var(--font-sans);font-variant-numeric:lining-nums;margin:0;overflow-x:hidden}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--brass-deep)}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}button{font:inherit;color:inherit}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:20;background:var(--ink);color:var(--paper-light);border-radius:var(--radius);padding:10px 14px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.topbar{min-height:48px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--paper);z-index:2;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex;position:relative}.topbar a{padding:12px 0;text-decoration:none}.topbar a:hover{text-decoration:underline}.topbar-home{font-weight:550}.topbar-nav{gap:clamp(14px,2.4vw,28px);display:flex}.stage{min-height:clamp(470px,58vh,560px);padding:22px var(--gutter) 14px;border-bottom:1px solid var(--line);isolation:isolate;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.stage-canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.stage>*{min-width:0}.stage-head{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.title-block{max-width:600px}.kicker{font:600 11.5px/1.4 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 4px}h1{font:500 clamp(44px, 6.2vw, 76px) / .95 var(--font-serif);letter-spacing:-.015em;margin:0}.lede{max-width:52ch;font:400 17px/1.45 var(--font-serif);color:var(--ink);margin:10px 0 0}.stage-side{flex:none;width:min(380px,40%)}.spec-block{border:1px solid var(--ink);background:color-mix(in srgb, var(--paper-light) 88%, transparent);box-shadow:3px 3px 0 var(--line);grid-template-columns:1fr 1fr;margin:4px 0 0;display:grid}.spec-row{border-bottom:1px solid var(--line-strong);padding:7px 12px 8px}.spec-row:nth-child(2n){border-left:1px solid var(--line-strong)}.spec-row--wide{grid-column:1/-1}.spec-row--wide dd{font-size:15px}.spec-row:nth-last-child(-n+2){border-bottom:0}.spec-row--wide+.spec-row{border-left:0}.spec-row--wide~.spec-row:nth-child(odd){border-left:1px solid var(--line-strong)}.spec-row--wide~.spec-row:nth-child(2n){border-left:0}.spec-block dt{font:600 10.5px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.spec-block sub,.spectrum-notes sub,.field-label sub,.math-inline sub{vertical-align:-.25em;font-size:.72em;line-height:0}.spec-block dd{font:500 16px/1.25 var(--font-serif);font-variant-numeric:lining-nums tabular-nums;margin:2px 0 0}#f0-readout[data-state=measuring]{color:var(--ink-soft)}.stage-band{min-height:236px;margin:8px calc(-1 * var(--gutter)) 0;position:relative}.string-target{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius);position:absolute;inset:0 0 52px}.string-target:active{cursor:grabbing}.string-target:focus-visible{outline:2px dashed var(--indigo);outline-offset:-6px}.stage-hint{left:var(--hint-x,62%);top:var(--hint-y,6px);font:italic 500 18px/1.2 var(--font-serif);color:var(--ink);pointer-events:none;white-space:nowrap;align-items:flex-end;gap:4px;margin:0;transition:opacity .5s;display:flex;position:absolute;transform:translate(-100%)}.stage-hint span{background:color-mix(in srgb, var(--paper-light) 80%, transparent);border-radius:4px;padding:2px 8px}.stage-hint svg{fill:none;width:54px;height:34px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;order:2;transform:scaleY(-1)translateY(-14px)}.stage-hint.is-hidden{opacity:0}@media (prefers-reduced-motion:no-preference){.stage-hint:not(.is-hidden) svg{animation:2.2s ease-in-out infinite hint-nudge}}@keyframes hint-nudge{0%,to{transform:scaleY(-1)translateY(-14px)}50%{transform:scaleY(-1)translateY(-8px)}}.stage-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:4px;display:flex}.preset-strip{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper-light) 85%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:baseline;gap:7px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:520;transition:background .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:var(--ink)}.chip-note{font:500 13px var(--font-serif);color:var(--ink-soft)}.chip[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-light)}.chip[aria-checked=true] .chip-note{color:var(--brass-light)}.chip--custom .chip-name:after{content:" *"}.chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.stage-tools{justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.sym{text-transform:none;letter-spacing:0;font-family:var(--font-serif);font-size:1.18em;font-style:italic;font-weight:500;line-height:1}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sound-pill{border:1px solid var(--ink);background:var(--paper-light);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:8px 16px 8px 12px;font-size:14px;font-weight:560;display:inline-flex}.sound-pill .slash{display:none}.sound-pill[data-status=idle],.sound-pill[data-status=suspended]{background:var(--ink);color:var(--paper-light)}.sound-pill[data-status=idle] .wave,.sound-pill[data-status=muted] .wave,.sound-pill[data-status=unavailable] .wave,.sound-pill[data-status=failed] .wave{display:none}.sound-pill[data-status=idle] .slash,.sound-pill[data-status=muted] .slash,.sound-pill[data-status=unavailable] .slash,.sound-pill[data-status=failed] .slash{display:inline}.sound-pill[data-status=failed]{border-color:var(--rust);color:var(--rust)}.sound-pill:disabled{cursor:default;opacity:.75}.sound-pill:focus-visible,.icon-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:no-preference){.sound-pill[data-status=idle]{animation:2.6s ease-in-out infinite pill-breathe}}@keyframes pill-breathe{50%{box-shadow:0 0 0 5px #3b2a1e1f}}.switch{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:14px;font-weight:520;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{border:1.5px solid var(--ink);background:var(--paper-light);border-radius:999px;width:38px;height:22px;transition:background .15s;position:relative}.switch-track:after{content:"";background:var(--ink);border-radius:50%;width:15px;height:15px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--brass)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{box-shadow:var(--focus-ring)}#slowmo-factor{font:500 14px var(--font-serif);color:var(--ink-soft)}.icon-button{border:1px solid var(--line-strong);background:var(--paper-light);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:inline-grid}.icon-button:hover{border-color:var(--ink)}.icon-button .play-glyph{display:none}.icon-button.is-paused .play-glyph{fill:currentColor;display:inline}.icon-button.is-paused .pause-glyph{display:none}.layout{max-width:1600px;padding:20px var(--gutter) 36px;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"spec spec spec spec spec spec spec spec excite excite excite excite""spec spec spec spec spec spec spec spec listen listen listen listen""string string string string exp exp exp part part part part part""keys keys keys keys keys keys keys keys keys keys keys keys";gap:18px;margin:0 auto;display:grid}.card{background:var(--paper-light);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:18px 20px 20px;position:relative;box-shadow:0 1px #3b2a1e0a;container-type:inline-size}.card--spectrum{flex-direction:column;grid-area:spec;display:flex}.card--excite{grid-area:excite}.card--listen{grid-area:listen}.card--string{grid-area:string}.card--experiments{grid-area:exp}.card--partials{grid-area:part}.card--keyboard{grid-area:keys}.card-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:4px;padding-bottom:12px;display:flex}.card-head h2{font:500 22px/1.2 var(--font-serif);margin:0}.card-sub{color:var(--ink-soft);flex-basis:100%;margin:0;font-size:13.5px;line-height:1.45}.math-inline{font-family:var(--font-serif);white-space:nowrap;color:var(--indigo);font-style:italic}.spectrum-notes{min-height:1.5em;font:italic 400 15px/1.45 var(--font-serif);flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;padding:0;list-style:none;display:flex}.spectrum-notes li{display:block}.spectrum-notes .note-comb{color:var(--rust)}.spectrum-notes .note-stretch{color:var(--indigo)}.spectrum-notes .glyph{margin-right:6px;font-style:normal;font-weight:600}.spectrum-frame{flex:auto;min-height:340px;margin-top:6px;position:relative}#spectrum-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.legend li{align-items:center;gap:7px;display:inline-flex}.key{flex:none;display:inline-block}.legend .key--live{background:var(--teal-soft);border-top:2px solid var(--teal);width:18px;height:10px}.legend .key--snap{border-top:1.5px solid var(--ink-soft);opacity:.7;width:18px;height:0}.legend .key--partial{background:var(--indigo);opacity:.6;width:1.5px;height:14px}.legend .key--level{border:1.4px solid var(--indigo);background:var(--paper-light);width:9px;height:9px;transform:rotate(45deg)}.legend .key--missing{width:10px;height:10px;position:relative}.legend .key--missing:before,.legend .key--missing:after{content:"";background:var(--rust);width:12px;height:1.7px;position:absolute;top:4px;left:-1px;transform:rotate(45deg)}.legend .key--missing:after{transform:rotate(-45deg)}.spectrum-status{min-height:1.5em;font:400 15px/1.45 var(--font-serif);margin:10px 0 0}.field{margin-top:12px}.field-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label{font:600 12px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}legend.field-label{margin-bottom:6px;padding:0}.field-value{font:500 15px/1.3 var(--font-serif);font-variant-numeric:lining-nums tabular-nums;text-align:right}.field-note{border-left:2px solid var(--line-strong);color:var(--ink-soft);margin:0 0 2px;padding:2px 0 2px 10px;font-size:12.5px;line-height:1.4}.field-note--warn{border-color:var(--rust);color:var(--rust)}.field--disabled input[type=range]{opacity:.4}.field--disabled .field-value{color:var(--ink-soft)}input[type=range]{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:100%;height:34px;margin:0;display:block}input[type=range]:disabled{cursor:not-allowed}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--ink), var(--ink)) 0 / var(--fill) 100% no-repeat, var(--line-strong);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{border:2px solid var(--ink);background:radial-gradient(circle at 38% 34%, var(--brass-light), var(--brass) 62%);appearance:none;border-radius:50%;width:22px;height:22px;margin-top:-9.5px}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:3px}input[type=range]::-moz-range-progress{background:var(--ink);height:3px}input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--brass);border-radius:50%;width:18px;height:18px}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}@media (pointer:coarse){input[type=range]{height:44px}input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12.5px}}.segmented{border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;flex-wrap:wrap;gap:3px;margin:0;padding:3px;display:inline-flex}fieldset.segmented{border-radius:14px;grid-template-columns:repeat(4,auto);margin-top:14px;padding:3px;display:grid;position:relative}fieldset.segmented legend{position:absolute;top:-22px;left:0}.segmented label{flex:auto;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:6px 14px;font-size:13.5px;font-weight:560;transition:background .15s;display:flex}.segmented input:hover+span{background:var(--paper-deep)}.segmented input:checked+span{background:var(--ink);color:var(--paper-light)}.segmented input:focus-visible+span{box-shadow:var(--focus-ring)}@media (pointer:coarse){.segmented span{min-height:44px}}.card--string fieldset.segmented{margin-top:30px}.fraction-row{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.fraction-label{font:600 12px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.fractions{gap:6px;display:flex}.fractions button{border:1px solid var(--line-strong);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .15s,border-color .15s;display:grid}.fractions button:hover{border-color:var(--ink)}.fractions button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-light)}.fractions button:focus-visible{box-shadow:var(--focus-ring);outline:none}.frac{font:500 14px/1 var(--font-serif);font-variant-numeric:lining-nums;flex-direction:column;align-items:center;display:inline-flex}.frac span:first-child{border-bottom:1px solid;padding:0 2px 2px}.frac span:last-child{padding-top:2px}.primary{border-radius:var(--radius);background:var(--ink);width:100%;min-height:48px;color:var(--paper-light);letter-spacing:.02em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:16px;font-weight:600;display:flex}.primary:hover{background:#2b1e15}.primary:active{transform:translateY(1px)}.primary:focus-visible{box-shadow:var(--focus-ring);outline:none}kbd{font:500 12px var(--font-sans);color:var(--brass-light);border:1px solid #f9f4ea66;border-radius:4px;padding:1px 7px}.note,.tip{color:var(--ink-soft);margin:10px 0 0;font-size:13px;line-height:1.45}.note:empty{display:none}.toggle{border:1px solid var(--line-strong);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;margin-top:14px;padding:8px 16px;font-weight:560;display:inline-flex}.toggle .slash{display:none}.toggle[aria-pressed=true]{background:var(--ink);color:var(--paper-light);border-color:var(--ink)}.toggle[aria-pressed=true] .slash{display:inline}.toggle:focus-visible,.link-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.link-button{color:var(--indigo);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:2px 0 0;padding:4px 0;font-size:13px;font-weight:560;text-decoration:underline}.derived{border-top:1px dashed var(--line-strong);gap:3px;margin:16px 0 0;padding:10px 0 0;display:grid}.derived-row{justify-content:space-between;gap:12px;font-size:13px;display:flex}.derived-row dt{color:var(--ink-soft)}.derived-row dd{text-align:right;font:500 14px/1.35 var(--font-serif);font-variant-numeric:lining-nums tabular-nums;margin:0}.derived-row--warn dd{color:var(--rust)}.table-scroll{margin-top:6px;overflow-x:auto}.partials{border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums;width:100%}.partials th,.partials td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--line);padding:5px 6px}.partials thead th{font:600 11px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line-strong)}.partials tbody th{font:500 15px var(--font-serif);color:var(--indigo)}.partials td{font:400 14px var(--font-serif)}.partials tr.is-missing th,.partials tr.is-missing td{color:var(--rust)}.partials .pending{color:var(--ink-soft)}.partials .unit{letter-spacing:.02em;text-transform:none;font-weight:500}@media (max-width:700px){.partials th,.partials td{padding:5px}.partials td{font-size:13px}}.badge{font:600 10px/1.6 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:999px;margin-left:4px;padding:0 6px;display:inline-block}.octave-switch{gap:6px;display:none}.octave-switch button{border:1px solid var(--line-strong);background:var(--paper);width:44px;height:44px;font:500 22px/1 var(--font-serif);cursor:pointer;border-radius:50%}.octave-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper-light)}.keyboard{-webkit-user-select:none;user-select:none;margin-top:14px;position:relative}.keys{height:150px;display:flex;position:relative}.key{border:1px solid var(--ink);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0 0 8px;display:flex;position:relative}.key--white{background:linear-gradient(#fffdf8, var(--paper-light) 85%, #efe4d1);min-width:0;color:var(--ink);border-radius:0 0 5px 5px;flex:1 1 0;margin-left:-1px}.key--black{z-index:1;height:62%;width:calc(100% / var(--n,15) * .62);top:0;left:calc(100% / var(--n,15) * var(--k,0) - 100% / var(--n,15) * .31);background:linear-gradient(#4a3828, var(--ink) 70%, #241912);color:var(--brass-light);border-radius:0 0 4px 4px;position:absolute}.key:hover{filter:brightness(.97)}.key--active.key--white{background:linear-gradient(var(--brass-light), #f3dfb2)}.key--active.key--black{background:linear-gradient(var(--brass-deep), var(--brass))}.key--home:before{content:"";background:var(--brass);border-radius:50%;width:6px;height:6px;position:absolute;top:10px}.key--overload.key--white{background:repeating-linear-gradient(135deg, #9a3b221a 0 4px, transparent 4px 9px), linear-gradient(#fffdf8, var(--paper-light))}.key-warn{font:600 13px var(--font-serif);color:var(--rust);position:absolute;top:26px}.key--black .key-warn{color:#f2b49e;top:8px}.key-name{font:500 12px var(--font-serif)}.key-code{font:600 10px var(--font-sans);letter-spacing:.06em;opacity:.7}.key:focus-visible{box-shadow:inset 0 0 0 3px var(--indigo);z-index:2;outline:none}.how{max-width:1040px;padding:20px var(--gutter) 56px;margin:0 auto}.how-error{font-size:15px}.footer{padding:22px var(--gutter) 30px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14px}.footer p{margin:0 0 4px}.footer-small{font-size:12.5px}.toast{z-index:30;border-radius:var(--radius);background:var(--ink);max-width:min(560px,100vw - 32px);color:var(--paper-light);padding:12px 18px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #3b2a1e40}@media (max-width:1180px){.layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"spec spec""excite listen""string exp""part part""keys keys"}.spectrum-frame{min-height:380px}}@media (max-width:900px){.stage-head{flex-direction:column;gap:14px}.stage-side{width:100%}.spec-block{grid-template-columns:repeat(3,1fr);width:100%;max-width:none}.spec-row--wide{grid-column:1/-1}.spec-row--wide~.spec-row:nth-child(odd),.spec-row--wide~.spec-row:nth-child(2n){border-left:1px solid var(--line-strong)}.spec-row--wide+.spec-row{border-left:0}.spec-row:nth-last-child(-n+3){border-bottom:0}}@media (max-width:700px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"spec""excite""string""exp""listen""part""keys";gap:14px}.stage{min-height:0;padding-top:14px}.kicker{display:none}h1{font-size:40px}.lede{margin-top:6px;font-size:15px;line-height:1.4}.stage-head{gap:10px}.spec-row--wide{display:none}.spec-row{padding:5px 9px 6px}.spec-block dt{font-size:9.5px}.spec-block dd{font-size:14px}.spec-block{box-shadow:2px 2px 0 var(--line)}.spec-row--wide+.spec-row{border-left:0!important}.switch-long{display:none}.stage-band{min-height:210px}.string-target{inset:0 0 44px}.preset-strip{margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter) 6px;scrollbar-width:none;scroll-snap-type:x proximity;width:calc(100% + 2 * var(--gutter));scroll-padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.preset-strip::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start}.stage-tools{justify-content:space-between;width:100%}.stage-hint{font-size:16px}.spectrum-frame{height:360px}.card{padding:16px 16px 18px}.fraction-row{flex-direction:column;align-items:flex-start}.fractions{justify-content:space-between;width:100%}.octave-switch{display:flex}.keys{height:130px}}@media (max-width:420px){.topbar-nav a:first-child{display:none}.spec-block dd{font-size:13px}}.how-head{border-bottom:1px solid var(--ink);margin-bottom:8px;padding:18px 0 8px}.how-head h2{font:500 clamp(32px, 4vw, 44px) / 1.05 var(--font-serif);margin:0}.how-lede{max-width:64ch;font:400 17px/1.5 var(--font-serif);margin:10px 0 6px}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 44px;display:grid}.how section{min-width:0}.how h3{font:500 21px/1.25 var(--font-serif);margin:26px 0 8px}.how h4{font:600 12px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:22px 0 6px}.how p,.how li{font:400 16px/1.6 var(--font-serif)}.how p{margin:0 0 10px}.how code{background:var(--paper-deep);border-radius:3px;padding:1px 5px;font-size:.92em}.how ul{margin:6px 0 10px;padding-left:20px}.how li{margin-bottom:6px}.how-list li::marker{color:var(--brass-deep)}.how .tex-block{margin:10px 0 14px;padding:4px 0;overflow:auto hidden}.how .katex{font-size:1.06em}.how .katex-display{margin:0}.how-wide{margin-top:8px}.how-table{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper-light);margin:10px 0 8px;overflow-x:auto}.how-table table{border-collapse:collapse;width:100%;font-size:14px}.how-table th,.how-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;padding:8px 12px}.how-table thead th{font:600 11px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line-strong)}.how-table tr:last-child td{border-bottom:0}.how-small{color:var(--ink-soft);font-size:14px!important}.how-sources li{font-size:14.5px}@media (max-width:900px){.how-grid{grid-template-columns:1fr}}@container (width<=470px){fieldset.segmented{grid-template-columns:1fr 1fr}}.spec-block .pitch{color:var(--ink-soft)}.spec-block .pitch:before{content:"· "}.octave-range{text-align:center;min-width:64px;font:500 15px var(--font-serif);align-self:center}@media (pointer:coarse){.key-code,.desktop-only,.primary kbd{display:none}}@media (max-width:700px){.spec-block .pitch{font-size:12.5px;display:block}.spec-block .pitch:before{content:""}.col-predicted{display:none}}.stage-hint--right{transform:none}.stage-hint--right svg{order:-1;transform:scale(-1)translateY(-14px)}@media (prefers-reduced-motion:no-preference){.stage-hint--right:not(.is-hidden) svg{animation-name:hint-nudge-right}}@keyframes hint-nudge-right{0%,to{transform:scale(-1)translateY(-14px)}50%{transform:scale(-1)translateY(-8px)}}@media (max-width:700px){.how .katex-display{font-size:.92em}}.how-table:focus-visible,.table-scroll:focus-visible,.tex-block:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.mini-chart{margin:14px 0 0}.mini-chart figcaption{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-bottom:4px;font-size:12.5px;line-height:1.4;display:flex}.mini-key{align-items:center;gap:5px;display:inline-flex}.swatch{flex:none;display:inline-block}.swatch--bar{background:var(--indigo);opacity:.55;width:8px;height:11px}.swatch--dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-left:6px}.mini-plot{width:100%}.mini-svg{width:100%;height:auto;display:block;overflow:visible}.mini-svg .axis{stroke:var(--ink);stroke-width:1px;opacity:.5}.mini-svg .grid{stroke:var(--ink);stroke-width:1px;stroke-dasharray:2 3;opacity:.25}.mini-svg .bar{fill:var(--indigo);opacity:.55}.mini-svg .bar--over{fill:var(--rust);opacity:.45}.mini-svg .bar--home{fill:var(--brass);opacity:.9}.mini-svg .bar--active{fill:var(--ink);opacity:1}.mini-svg .dot{fill:var(--teal);stroke:var(--paper-light);stroke-width:1.2px}.mini-svg .limit{stroke:var(--rust);stroke-width:1.2px;stroke-dasharray:4 3}.mini-svg .tick{font:500 9.5px var(--font-sans);fill:var(--ink-soft)}.mini-svg .limit-label{fill:var(--rust)}.mini-svg .end{text-anchor:end}.mini-svg .mid{text-anchor:middle}.play-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;margin-top:14px;display:grid}.play-grid .keyboard{margin-top:0}.keyboard .keys{height:170px}.readout{flex-direction:column;min-height:52px;margin:0;display:flex}.readout-note{font:500 28px/1.1 var(--font-serif)}.readout-detail{font:400 14px/1.4 var(--font-serif);color:var(--ink-soft);font-variant-numeric:lining-nums tabular-nums}.readout-hint{font:italic 400 15px/1.4 var(--font-serif);color:var(--ink-soft)}@media (max-width:900px){.play-grid{grid-template-columns:1fr;gap:14px}.play-side{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:16px;display:grid}.play-side .mini-chart{margin-top:0}}@media (max-width:560px){.play-side{grid-template-columns:1fr}.keyboard .keys{height:140px}}.mini-note{color:var(--ink-soft);margin:4px 0 0;font-size:12.5px;line-height:1.4}.primary.is-bowing{background:var(--brass-deep)}.card--excite .segmented span{padding-inline:12px}@media (pointer:coarse){.chip{min-height:44px}}@media (max-width:420px){.topbar{font-size:13px}.topbar a{white-space:nowrap}.stage-tools{flex-wrap:wrap;gap:8px}.sound-pill{white-space:nowrap;padding:8px 12px 8px 10px;font-size:13.5px}.switch{gap:6px;font-size:13.5px}}