@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal.DY7AcnAa.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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(./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(./atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff")}:root{--hue:70;--bg:oklch(.19 .012 var(--hue));--chassis:oklch(.23 .014 var(--hue));--panel:oklch(.27 .015 var(--hue));--well:oklch(.15 .01 var(--hue));--line:oklch(.36 .016 var(--hue));--ink:oklch(.94 .012 var(--hue));--ink-2:oklch(.78 .02 var(--hue));--amber:oklch(.82 .15 var(--hue));--amber-deep:oklch(.72 .15 var(--hue));--on-amber:oklch(.2 .03 var(--hue));--tally:oklch(64% .21 28);--wave:oklch(.72 .05 var(--hue));--sel:oklch(.82 .15 var(--hue) / .16);--ok:oklch(80% .13 150);--err:oklch(75% .15 28);--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-6:1.5rem;--s-8:2rem;--s-12:3rem;--s-16:4rem;--s-24:6rem;--t-xs:.8125rem;--t-sm:.9375rem;--t-base:1.0625rem;--t-lg:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--t-xl:clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);--t-2xl:clamp(2.1rem, 1.5rem + 3vw, 3.6rem);--r-sm:6px;--r:10px;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.2s;--f-display:"Archivo Variable", "Arial Narrow", sans-serif;--f-body:"Atkinson Hyperlegible", system-ui, sans-serif;--measure:66ch;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 var(--t-base)/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.01em;line-height:1.08}h1{font-size:var(--t-2xl);font-weight:800;font-stretch:112%}h2{font-size:var(--t-xl);font-weight:750;font-stretch:110%}h3{font-size:var(--t-lg);font-stretch:105%}h3,h4{font-weight:700}h4{font-size:var(--t-base)}li,p{max-width:var(--measure);text-wrap:pretty}a{color:var(--amber);text-underline-offset:3px}a:hover{color:var(--ink)}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{background:var(--amber);color:var(--on-amber);padding:var(--s-2) var(--s-4);z-index:50;position:absolute;top:0;left:-999px}.skip:focus{left:var(--s-2)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.wrap{width:min(1180px,100% - 2 * var(--s-4));margin-inline:auto}.prose{gap:var(--s-4);display:grid}.prose h2{margin-top:var(--s-8)}.prose h3{margin-top:var(--s-4)}.prose ol,.prose ul{gap:var(--s-2);padding-left:1.2em;display:grid}.fine{font-size:var(--t-xs)}.fine,.lede{color:var(--ink-2)}.lede{font-size:var(--t-lg);max-width:58ch}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1px solid var(--line);background:var(--panel);color:var(--ink);font:700 var(--t-sm)/1 var(--f-display);cursor:pointer;transition:background var(--dur) var(--ease),transform .1s var(--ease),border-color var(--dur);border-radius:999px;font-stretch:108%;display:inline-flex}.btn:hover{border-color:var(--amber-deep)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{background:var(--amber);color:var(--on-amber);border-color:var(--amber)}.btn.primary:hover{background:oklch(.88 .13 var(--hue))}.btn.rec{background:var(--tally);border-color:var(--tally);color:#fff;min-width:140px}.btn.rec:hover{background:oklch(58% .21 28)}.btn.ghost{background:0 0}.btn.sm{min-height:44px;padding:0 var(--s-3);font-size:var(--t-xs)}.btn.big{min-height:52px;padding:0 var(--s-8);font-size:var(--t-base)}.btn .dot{background:#fff;border-radius:50%;width:12px;height:12px}.btn .sq{background:#fff;width:11px;height:11px}.row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.row.tight{gap:var(--s-1)}.chip{min-height:44px;padding:0 var(--s-3);border:1px solid var(--line);background:var(--well);color:var(--ink);font:600 var(--t-xs) var(--f-body);cursor:pointer;border-radius:999px}.chip:hover{border-color:var(--amber-deep)}.chip.ghost{color:var(--ink-2);background:0 0}.console{background:var(--chassis);border:1px solid var(--line);border-radius:var(--r);padding:clamp(var(--s-3),3vw,var(--s-6));min-width:0}.console,.input-strip{gap:var(--s-4);display:grid}.input-strip{grid-template-columns:minmax(0,1fr)}@media (width>=820px){.input-strip:has(.rec-block){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.input-strip>*{min-width:0}.rec-block{gap:var(--s-3);background:var(--panel);border-radius:var(--r);padding:var(--s-4);justify-items:start;display:grid}.rec-top{align-items:center;gap:var(--s-3);width:100%;display:flex}.tally{font:800 var(--t-xs)/1 var(--f-display);letter-spacing:.14em;padding:var(--s-2) var(--s-3);color:oklch(55% .06 28);transition:all var(--dur) var(--ease);background:oklch(30% .04 28);border-radius:4px;font-stretch:125%}.tally.on{background:var(--tally);color:#fff;box-shadow:0 0 18px oklch(64% .21 28/.55)}.rec-time{font:700 var(--t-xl)/1 var(--f-display);margin-left:auto}.opts{gap:var(--s-1) var(--s-4);border:0;flex-wrap:wrap;padding:0;display:flex}.opts legend{font-size:var(--t-xs);color:var(--ink-2);margin-bottom:var(--s-1)}.chk,.opts label{align-items:center;gap:var(--s-2);min-height:44px;font-size:var(--t-sm);cursor:pointer;display:inline-flex}input[type=checkbox]{width:18px;height:18px;accent-color:var(--amber)}.warn{color:var(--err);font-size:var(--t-sm)}.drop{gap:var(--s-3);border:2px dashed var(--line);border-radius:var(--r);padding:var(--s-6);transition:border-color var(--dur),background var(--dur);align-content:center;justify-items:start;display:grid}.drop.over{border-color:var(--amber);background:var(--sel)}.drop-title{font:700 var(--t-lg) var(--f-display)}.deck{gap:var(--s-4);min-width:0;display:grid}.deck-head{gap:var(--s-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.file{overflow-wrap:anywhere;min-width:0;display:grid}.meta{font-size:var(--t-xs);color:var(--ink-2)}.transport{gap:var(--s-3)}.btn.play{background:var(--amber);width:52px;height:52px;color:var(--on-amber);border-color:var(--amber);padding:0}.btn.play svg{width:22px;height:22px}.time{font:700 var(--t-lg) var(--f-display)}.panel{background:var(--panel);border-radius:var(--r);padding:var(--s-4);gap:var(--s-3);min-width:0;display:grid}.panel h3{font-size:var(--t-base);color:var(--amber);font-stretch:115%}.fx-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.fx-unit{gap:var(--s-2);background:var(--well);border-radius:var(--r-sm);padding:var(--s-3);align-content:start;min-width:0;display:grid}.fx-unit h4 label{gap:var(--s-2);align-items:center;min-height:44px;display:inline-flex}.faders{grid-template-columns:repeat(5,minmax(0,1fr))}.fader,.faders{gap:var(--s-1);display:grid}.fader{font-size:var(--t-xs);justify-items:center}.fader input{writing-mode:vertical-lr;direction:rtl;width:32px;height:120px}.fq{color:var(--ink-2)}.knob{gap:0 var(--s-2);font-size:var(--t-sm);grid-template-columns:1fr auto;display:grid}.knob input{grid-column:1/-1}.knob.wide{max-width:520px}input[type=range]{accent-color:var(--amber);width:100%;min-height:32px}.presets{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));display:grid}.preset{text-align:left;min-height:64px;padding:var(--s-3);background:var(--well);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);cursor:pointer;font:inherit;gap:2px;display:grid}.preset:hover{border-color:var(--amber)}.preset span{font-size:var(--t-xs);color:var(--ink-2)}.seg{border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg,.seg label{display:inline-flex}.seg label{min-width:60px;min-height:44px;font:700 var(--t-sm) var(--f-display);cursor:pointer;padding:0 var(--s-3);justify-content:center;align-items:center}.seg label.on{background:var(--amber);color:var(--on-amber)}.seg label.dis{opacity:.4;cursor:not-allowed}.seg label:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:-2px}.sel{align-items:center;gap:var(--s-2);font-size:var(--t-sm);flex-wrap:wrap;display:inline-flex}input[type=text],select,textarea{background:var(--well);min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);font:inherit;max-width:100%}textarea{resize:vertical;width:100%;line-height:1.5}.status:empty{display:none}.busy{align-items:center;gap:var(--s-2);color:var(--amber);display:flex}.spin{border:2px solid var(--line);border-top-color:var(--amber);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.err{color:var(--err)}.ok{color:var(--ok)}.explainer{background:var(--well);border:1px solid var(--line);border-radius:var(--r);padding:clamp(var(--s-4),3vw,var(--s-6));gap:var(--s-4);min-width:0;display:grid}.explainer h2{margin:0}.explainer canvas,.explainer svg{width:100%;display:block}.explainer .readout{font:700 var(--t-lg) var(--f-display);color:var(--amber)}table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}td,th{text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line);vertical-align:top}th{font-family:var(--f-display);color:var(--ink-2);font-weight:700}.table-wrap{max-width:100%;overflow-x:auto}details{border-bottom:1px solid var(--line);padding:var(--s-3) 0}summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}details p{margin-top:var(--s-2);color:var(--ink-2)}