@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}@font-face{font-family:Source Code Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-code-pro-latin-400-normal-DEXWLoHG.woff2) format("woff2"),url(/assets/source-code-pro-latin-400-normal-Bf_aQirX.woff) format("woff")}@font-face{font-family:Source Code Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/source-code-pro-latin-500-normal-DrRT_DWv.woff2) format("woff2"),url(/assets/source-code-pro-latin-500-normal-FgltuOLy.woff) format("woff")}:root{--surface: #eef1f4;--raised: #f7f8f6;--chrome: #1c1c1c;--ink: #1c1c1c;--graphite-ink: #eef1f4;--muted: #3e463f;--line: #c5cdc6;--accent: #c2410c;--accent-ink: #ffffff;--accent-soft: #f8e6de;--ok: #2f5d50;--ok-soft: #e5f0ec;--warn: #8a5a12;--warn-soft: #f8f0e4;--danger: #9f1d1d;--danger-soft: #f8e6e2;--info-soft: #e7eee9;--sans: "Atkinson Hyperlegible", "Segoe UI", sans-serif;--mono: "Source Code Pro", ui-monospace, monospace;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.266rem;--text-2xl: 1.424rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--radius: 12px;--motion: .18s;--ease-out: cubic-bezier(.2, 0, 0, 1);--z-sticky: 20;--z-skip: 30;--z-overlay: 40;color-scheme:light;font-family:var(--sans);font-size:100%;line-height:1.5;color:var(--ink);background:var(--chrome)}:root[data-theme=dark]{--surface: #242824;--raised: #2c312c;--chrome: #141614;--ink: #f3f1ea;--graphite-ink: #f3f1ea;--muted: #d5ddd4;--line: #3a423c;--accent: #ff8a62;--accent-ink: #1c1c1c;--accent-soft: #3a2822;--ok: #8fcbb0;--ok-soft: #1c3028;--warn: #f0c36a;--warn-soft: #332812;--danger: #ffb4b0;--danger-soft: #3a1c1c;--info-soft: #24302a;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--chrome)}button,input,textarea,a,label{touch-action:manipulation}button,input,textarea,a{font:inherit}a{color:var(--accent);text-underline-offset:.18em}::selection{background:var(--accent);color:var(--accent-ink)}input,textarea{caret-color:var(--accent)}*{scrollbar-color:var(--line) var(--surface);scrollbar-width:thin}button,.button,.choice,.sku-part,.sequence button,.icon-button,.search-open{min-height:2.75rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:var(--space-4);top:-4rem;background:var(--accent);color:var(--accent-ink);padding:var(--space-2) var(--space-3);z-index:var(--z-skip)}.skip:focus{top:var(--space-2)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.top{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--chrome);color:var(--graphite-ink);border-bottom:1px solid #000;position:sticky;top:0;z-index:var(--z-sticky)}.brand{color:var(--graphite-ink);font-weight:700;text-decoration:none;letter-spacing:-.02em}.search-open{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-width:36rem;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);color:var(--muted);text-align:left;cursor:pointer}.search-open kbd{font-family:var(--mono);font-size:var(--text-sm);color:var(--muted)}.segment{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised)}.segment button,.icon-button{border:0;background:transparent;color:var(--graphite-ink);padding:0 var(--space-3);cursor:pointer}.top .segment button,.top .icon-button{color:var(--ink)}.top .icon-button{background:transparent;border-color:color-mix(in srgb,var(--graphite-ink) 45%,transparent);color:var(--graphite-ink)}.segment button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.icon-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised)}.frame{display:grid;grid-template-columns:16rem minmax(0,1fr);min-height:calc(100vh - 4.25rem);min-height:calc(100dvh - 4.25rem)}.nav{background:var(--chrome);color:var(--graphite-ink);border-right:1px solid #000;padding:var(--space-4) var(--space-3) var(--space-6);scrollbar-color:#5c635c var(--chrome)}.nav h2{margin:var(--space-6) var(--space-2) var(--space-2);font-size:var(--text-sm);font-weight:700;letter-spacing:-.02em;color:color-mix(in srgb,var(--graphite-ink) 72%,var(--chrome))}.nav ul{list-style:none;margin:0;padding:0}.nav a{display:flex;align-items:center;min-height:2.75rem;padding:0 var(--space-2);border-radius:var(--radius);color:var(--graphite-ink);text-decoration:none}.nav a:hover{background:color-mix(in srgb,var(--graphite-ink) 12%,transparent)}.nav a[aria-current=page]{background:var(--accent);color:var(--accent-ink);font-weight:700}.main{background:var(--surface);padding:var(--space-6) var(--space-6) var(--space-7);min-width:0}.main h1,.main h2,.main h3,.lede,.main p,.note{max-width:72ch}h1{margin:0 0 var(--space-4);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;text-wrap:balance;scroll-margin-top:5rem}h1:focus{outline:none}h2{margin:var(--space-6) 0 var(--space-3);font-size:var(--text-xl);font-weight:700;line-height:1.3;letter-spacing:-.02em}h3{margin:0;font-size:var(--text-md);font-weight:600}.lede{margin:0 0 var(--space-5);font-size:var(--text-lg);line-height:1.55}.main section{margin-top:var(--space-6)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.button,.command-bar button,.dialog .button{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-decoration:none;cursor:pointer}.button-quiet,.command-bar button,.dialog .button.button-quiet{background:var(--raised);color:var(--ink);border-color:var(--line)}.dialog .button{justify-self:start}button,.button,.choice,.sku-part,.sequence button,.icon-button,.search-open,.nav a,.choices label,.dialog a,.segment button,.stage-controls button{transition:background-color var(--motion) var(--ease-out),color var(--motion) var(--ease-out),border-color var(--motion) var(--ease-out)}.button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 86%,var(--ink))}.button:active:not(:disabled){background:color-mix(in srgb,var(--accent) 72%,var(--ink))}.button-quiet:hover,.dialog .button.button-quiet:hover,.command-bar button:hover,.icon-button:hover,.search-open:hover,.choice:hover,.sku-part:hover,.sequence button:hover,.stage-controls button:hover,.segment button:hover:not([aria-pressed=true]){background:color-mix(in srgb,var(--accent-soft) 70%,var(--raised))}.button-quiet:active,.dialog .button.button-quiet:active,.command-bar button:active,.icon-button:active,.search-open:active,.choice:active,.sku-part:active,.sequence button:active,.stage-controls button:active,.nav a:active,.segment button:active:not([aria-pressed=true]){background:var(--accent-soft)}.home-groups{display:grid;gap:var(--space-5)}.home-groups h2{font-size:var(--text-lg)}.home-groups ul,.related,.commands,.plain{margin:0;padding:0;list-style:none}.home-groups li{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-top:1px solid var(--line)}.home-groups a,.related a{color:var(--accent);font-weight:600}.home-groups span{color:var(--muted);font-size:var(--text-sm)}.instrument{margin:var(--space-5) 0 0;padding:0;background:transparent;border:0;max-width:none}.instrument figcaption{margin:0;font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--ink)}.sheet-tools,.draw-on .sheet-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.sheet-draw{position:relative}.sketch-layer{position:absolute;left:0;top:0;width:100%;color:var(--ink);touch-action:none;cursor:crosshair}.sketch-layer.is-off{pointer-events:none;cursor:auto}.choice-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.choice,.sku-part,.sequence button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:0 var(--space-3);cursor:pointer}.choice[aria-pressed=true],.sku-part[aria-pressed=true],.sequence button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.instrument-kicker{margin:0 0 var(--space-2);font-family:var(--mono);font-size:var(--text-sm);color:var(--muted)}.path,.rank,.sequence{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none}.path li,.rank li{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2) var(--space-3);background:var(--surface)}.rank{flex-direction:column}.rank li{display:flex;gap:var(--space-3);align-items:center}.rank span,.seq-index{font-family:var(--mono);font-size:var(--text-sm);color:var(--muted)}.sequence{flex-direction:column;align-items:stretch}.sequence button{width:100%;display:flex;gap:var(--space-3);align-items:center;text-align:left}.sku{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.sku-part{font-family:var(--mono)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.unit{border:1px solid var(--accent);border-radius:var(--radius);padding:var(--space-3);display:grid;background:var(--accent-soft)}.unit.is-quiet{border-color:var(--line);background:var(--surface)}.unit small{color:var(--muted)}.meter-label{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}input[type=range]{width:100%;margin-bottom:var(--space-3);accent-color:var(--accent)}.status{font-weight:600}.status.is-ok{color:var(--ok)}.status.is-warning{color:var(--warn)}.status.is-danger{color:var(--danger)}.sample,.command pre{margin:0;padding:var(--space-3);overflow:auto;background:var(--chrome);border-radius:var(--radius);font-family:var(--mono);font-size:var(--text-sm);line-height:1.55}.facts{display:grid;gap:var(--space-3);margin:0}.facts div{display:grid;grid-template-columns:minmax(8rem,14rem) minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.facts dt{color:var(--muted);font-size:var(--text-sm)}.facts dd{margin:0}.callout{padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--line);max-width:72ch}.callout.is-warning{background:var(--warn-soft);color:var(--ink)}.callout.is-danger{background:var(--danger-soft)}.callout.is-info{background:var(--info-soft)}.note{color:var(--muted);font-size:var(--text-sm)}.command{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);padding:var(--space-3)}.commands{display:grid;gap:var(--space-3);min-width:0}.commands li,.command,.sample{min-width:0;max-width:100%}.commands li{scroll-margin-top:5rem}.command-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600}.related{display:flex;flex-wrap:wrap;gap:var(--space-3)}.filter{display:grid;gap:var(--space-2);max-width:24rem;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:600}.filter input,.filter textarea,.dialog input,.search-label input{min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);color:var(--ink);font-size:1rem;font-weight:400}.search-label{display:grid;gap:var(--space-2);font-size:var(--text-sm);font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 45%,transparent);display:grid;align-items:start;justify-items:center;padding:12vh var(--space-4) var(--space-4);z-index:var(--z-overlay)}@media(max-height:700px){.overlay{padding-top:var(--space-4)}}.dialog{width:min(36rem,100%);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);display:grid;gap:var(--space-3)}.dialog ul{list-style:none;margin:0;padding:0;max-height:18rem;overflow:auto}.dialog a{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--ink);text-decoration:none;min-height:2.75rem}.dialog a[aria-selected=true],.dialog a:hover{background:var(--accent-soft)}.dialog a span{color:var(--muted);font-size:var(--text-sm)}@media(min-width:861px){.menu-toggle{display:none}}@media(max-width:860px){.top{flex-wrap:wrap}.search-open{order:5;flex-basis:100%;max-width:none}.frame{grid-template-columns:1fr}.nav{display:none;border-right:0;border-bottom:1px solid var(--line)}.nav.is-open{display:block}.main{padding:var(--space-5) var(--space-4) var(--space-6)}.facts div{grid-template-columns:1fr;gap:var(--space-1)}}.stage-form{display:inline-block;margin-right:var(--space-2);padding:0 var(--space-2);border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font-family:var(--mono);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase}.stage-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin:0 0 var(--space-4)}.stage-controls button,.check .button,.check .choice{min-height:2.75rem}.check .choice{height:auto;white-space:normal;text-align:left;padding:var(--space-2) var(--space-3)}.check .filter{max-width:40rem}.stage-controls button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:0 var(--space-3);cursor:pointer}.stage-controls button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.stage-count{font-family:var(--mono);font-size:var(--text-sm);color:var(--muted)}.stage-scroll{overflow-x:auto;margin-bottom:var(--space-3)}.stage-svg{width:100%;height:auto;display:block}.stage-box rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.stage-box text{fill:var(--ink);font-size:16px;font-weight:700;font-family:var(--sans)}.stage-sub{fill:var(--muted);font-size:12px;font-weight:400;font-family:var(--sans)}.stage-box.is-hot rect,.stage-box.is-token rect{fill:var(--ok-soft);stroke:var(--ok)}.stage-box.is-blank rect{fill:var(--raised);stroke:var(--accent);stroke-dasharray:6 4}.stage-box.is-marked rect{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2.5}.stage-box.is-marked text{fill:var(--accent)}.stage-box.is-bad rect{fill:var(--danger-soft);stroke:var(--danger)}.stage-edge{stroke:var(--muted);stroke-width:1.5}.stage-arrow{fill:var(--muted)}.stage-token{fill:var(--accent)}.meter-track{position:relative;height:.5rem;margin:0 0 var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:999px;overflow:hidden}.meter-track span{display:block;height:100%;background:var(--accent)}.meter-track i{position:absolute;top:-4px;width:2px;height:calc(100% + 8px);background:var(--warn)}.meter-track i.is-shared{background:var(--danger)}.choices{border:0;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-2)}.choices label{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.choices label:hover{border-color:var(--accent)}.choices label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);font-weight:600}.choices input{margin-top:.3rem}.filter textarea{display:block;width:100%;max-width:40rem;margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);color:var(--ink);resize:vertical}button:disabled,.button:disabled{opacity:.45;cursor:not-allowed}.study-home{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);max-width:52rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
