:root{--ink:#1d1730;--panel:#2a2445;--panel2:#352d58;--panel3:#463c72;--line:#5b4f8f;--cream:#fff6e0;--cream2:#f1e3bf;--muted:#b8afd9;--gold:#ffc63d;--gold-dark:#b8740f;--mint:#3fd3a0;--mint-dark:#1d8a68;--coral:#ff6b5a;--coral-dark:#b83a2f;--sky:#79c3ff;--sky-dark:#2f7fc0;--violet:#8f7cff;--orange:#ff8c2e;--px:3px;--ui:"VT323", ui-monospace, Menlo, monospace;--arcade:"Press Start 2P", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--cream);font-family:var(--ui);-webkit-font-smoothing:none;font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0;-webkit-tap-highlight-color:transparent;margin:0;font-size:22px;line-height:1.2}body{background-image:linear-gradient(#5b4f8f1f 1px,#0000 1px),linear-gradient(90deg,#5b4f8f1f 1px,#0000 1px);background-size:24px 24px}button,input,select{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1,.arcade{font-family:var(--arcade);letter-spacing:.02em;font-weight:400}h1{font-size:.97rem;line-height:1.4}h2{font-size:1.15rem;font-weight:700}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.85rem}p{margin:0 0 .8em}.muted{color:var(--muted)}.small{font-size:.85rem}[hidden]{display:none!important}canvas.px{image-rendering:pixelated;image-rendering:crisp-edges}.pixel,.btn,.panel,.chip,.field input,.field select,.bubble,.bar{box-shadow:0 calc(-1 * var(--px)) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(-1 * var(--px)) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink);border:0;border-radius:0}.screen{max-width:760px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(120px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex}.topbar{align-items:center;gap:10px;display:flex}.topbar .grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.panel{background:var(--panel);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(-1 * var(--px)) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink), inset 0 var(--px) 0 0 var(--panel3), 0 9px 0 0 #140e2859;padding:16px}.panel.cream{background:var(--cream);color:var(--ink)}.btn{background:var(--panel2);color:var(--cream);cursor:pointer;text-align:center;border-bottom:5px solid #00000059;padding:12px 18px 14px;font-weight:700;transition:transform 50ms;position:relative}.btn:active:not(:disabled){border-bottom-width:2px;margin-bottom:3px;transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.gold{background:var(--gold);color:var(--ink)}.btn.mint{background:var(--mint);color:var(--ink)}.btn.coral{background:var(--coral);color:var(--ink)}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0;border-bottom:0;padding:8px;text-decoration:underline}.btn.big{padding:16px 22px 18px;font-size:1.15rem}.btn.block{width:100%}.icon-btn{min-width:44px;padding:8px 10px 10px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--panel2);cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 12px;font-size:.95rem}.chip[aria-pressed=true]{background:var(--mint);color:var(--ink);font-weight:700}.chip.static{cursor:default}.field{flex-direction:column;gap:6px;display:flex}.field label{font-weight:600}.field .help{color:var(--muted);font-size:.85rem}.field input,.field select{background:var(--cream);color:var(--ink);appearance:none;width:100%;padding:10px 12px;font-size:1rem}.field .unit{align-items:center;gap:8px;display:flex}.field .unit span{color:var(--muted);min-width:2.2em}.mascot{align-items:flex-end;gap:12px;display:flex}.mascot canvas{flex:none}.bubble{background:var(--cream);color:var(--ink);min-height:2.6em;margin-bottom:18px;padding:12px 14px;font-size:1rem;position:relative}.bubble:before{content:"";background:var(--cream);width:9px;height:9px;box-shadow:-3px 3px 0 0 var(--cream), -3px 0 0 0 var(--ink), 0 3px 0 0 var(--ink), -6px 6px 0 0 var(--ink);position:absolute;bottom:10px;left:-12px}.bubble strong{color:var(--coral-dark)}.stat{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.stat .name{font-weight:700}.stat .val{font-family:var(--arcade);font-size:.58rem}.stat .meta{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;gap:10px;font-size:.8rem;display:flex}.bar{background:var(--ink);grid-column:1/-1;height:18px;position:relative;overflow:visible}.bar .band{background:#3fd3a059;position:absolute;top:0;bottom:0}.bar .unc{background:#fff6e059;position:absolute;top:4px;bottom:4px}.bar .dot{background:var(--cream);width:8px;height:24px;box-shadow:0 0 0 2px var(--ink);margin-left:-4px;position:absolute;top:-3px}.st-good{color:var(--mint)}.st-borderline{color:var(--gold)}.st-low,.st-high{color:var(--coral)}.st-info{color:var(--muted)}.dot.st-good{background:var(--mint)}.dot.st-borderline{background:var(--gold)}.dot.st-low,.dot.st-high{background:var(--coral)}.tag{background:var(--panel3);text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;font-size:.8rem}.tag.strong{background:var(--mint-dark)}.adjust{grid-template-columns:auto 1fr;align-items:start;gap:12px 14px;display:grid}.adjust .big-num{font-family:var(--arcade);color:var(--gold);font-size:1.16rem}.adjust ol{margin:0;padding-left:1.2em}.adjust li{margin-bottom:.3em}.rec{--gap:10px;--st:env(safe-area-inset-top);--sb:env(safe-area-inset-bottom);--sl:env(safe-area-inset-left);--sr:env(safe-area-inset-right);background:#000;position:fixed;inset:0;overflow:hidden}.rec video,.rec canvas.overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.rec .top{padding:calc(var(--gap) + var(--st)) calc(var(--gap) + var(--sr)) 18px calc(var(--gap) + var(--sl));align-items:flex-start;gap:var(--gap);pointer-events:none;background:linear-gradient(#0000008c,#0000);display:flex;position:absolute;top:0;left:0;right:0}.rec .top>*{pointer-events:auto}.rec .round{background:#1d1730bf;border-bottom-width:3px;place-items:center;width:44px;min-width:0;height:44px;padding:0;display:grid}.rec .round.on{background:var(--cream);color:var(--ink)}.rec .status{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.rec .lights{height:44px;color:var(--cream);font:700 .85rem var(--ui);cursor:pointer;background:#1d1730bf;border:0;align-items:center;gap:8px;padding:0 10px;display:flex}.rec .lights .dots{gap:3px;display:flex}.rec .lights i,.rec .check i{background:var(--muted);width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);display:inline-block}.rec .ok>i,.rec .lights i.ok{background:var(--mint)}.rec .warn>i,.rec .lights i.warn{background:var(--gold)}.rec .fail>i,.rec .lights i.fail{background:var(--coral)}.rec .checks{flex-wrap:wrap;gap:4px;max-width:420px;display:flex}.rec .check{background:#1d1730d9;align-items:center;gap:6px;padding:3px 8px;font-size:.78rem;display:flex}.level{width:84px;height:14px;box-shadow:0 0 0 2px var(--ink);background:#1d1730bf;flex:none;margin-top:15px;position:relative}.level i{background:var(--mint);width:10px;height:10px;margin-left:-5px;position:absolute;top:2px}.level:after{content:"";background:var(--cream);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;left:50%}.rec .recpill{height:36px;font:700 1rem var(--ui);left:50%;top:calc(var(--gap) + var(--st) + 4px);background:#1d1730d9;align-items:center;gap:8px;padding:0 12px;display:none;position:absolute;transform:translate(-50%)}.rec .recpill b{background:var(--coral);width:12px;height:12px;animation:1s step-end infinite blink}.rec .recbar{background:#fff3;height:4px;position:absolute;bottom:-4px;left:0;right:0}.rec .recbar i{background:var(--coral);position:absolute;top:0;bottom:0;left:0}@keyframes blink{50%{opacity:0}}.rec[data-phase=recording] .recpill,.rec[data-phase=done] .recpill{display:flex}.rec[data-phase=recording] .status,.rec[data-phase=recording] .level,.rec[data-phase=countdown] .status{visibility:hidden}.rec .count{font:26vmin/1 var(--arcade);color:var(--gold);text-shadow:0 1vmin 0 var(--ink), 0 -1vmin 0 var(--ink), 1vmin 0 0 var(--ink), -1vmin 0 0 var(--ink);pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.rec[data-phase=countdown] .count{display:grid}.rec .dock{padding:28px calc(var(--gap) + var(--sr)) calc(var(--gap) + var(--sb)) calc(var(--gap) + var(--sl));align-items:center;gap:var(--gap);pointer-events:none;background:linear-gradient(#0000,#000000a6 40%);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.rec .dock>*{pointer-events:auto}.rec .callout{pointer-events:none;font:700 clamp(1rem, 2.2vmin + .55rem, 1.45rem)/1.25 var(--ui);text-align:left;background:#1d1730d1;border-left:6px solid;align-self:stretch;width:100%;max-width:560px;margin:0 auto;padding:8px 12px}.rec .callout.ok{color:var(--mint)}.rec .callout.warn{color:var(--gold)}.rec .callout.fail{color:var(--coral)}.rec .callout.rec-on{display:none}.rec .hintrow{align-items:center;gap:var(--gap);pointer-events:none;flex-direction:column;width:100%;display:flex}.rec .hintrow>.zooms{pointer-events:auto}.rec .zooms{align-items:center;gap:10px;display:flex}.rec .zoomchips{background:#1d173099;gap:4px;padding:3px;display:flex}.rec .zoomchips:empty{display:none}.rec .zchip{min-width:40px;height:32px;color:var(--cream);font:700 .85rem var(--ui);cursor:pointer;background:0 0;border:0;padding:0 6px}.rec .zchip.on{background:var(--gold);color:var(--ink)}.rec .dist{color:var(--muted);font-size:.85rem}.rec .rail{justify-content:center;align-items:center;gap:16px;width:100%;max-width:560px;display:flex}.rec .rail .arm{flex:1;max-width:320px;padding:12px 10px 14px;font-size:1rem}.rec .shut{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:.8rem;display:flex}.rec .shutter{background:var(--cream);border-bottom-width:4px;place-items:center;width:60px;min-width:0;height:60px;padding:0;display:grid}.rec .shutter i{background:var(--coral);width:26px;height:26px;box-shadow:0 0 0 3px var(--ink)}.rec[data-phase=countdown] .dock .zooms,.rec[data-phase=countdown] .rail,.rec[data-phase=recording] .dock .zooms,.rec[data-phase=recording] .rail,.rec[data-phase=done] .dock .zooms,.rec[data-phase=done] .rail{visibility:hidden}.rec .sheet{left:50%;bottom:calc(215px + var(--sb));background:var(--panel);width:min(92vw,380px);box-shadow:0 0 0 3px var(--ink), inset 0 3px 0 0 var(--panel3);flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;transform:translate(-50%)}.rec .sheet-row{grid-template-columns:64px 1fr;align-items:center;gap:10px;font-size:.9rem;display:grid}.rec .sheet select{background:var(--cream);color:var(--ink);font:inherit;border:0;min-width:0;padding:8px}.rec .sheet input[type=range]{width:100%;accent-color:var(--gold)}.rec .sheet .ghost{align-self:flex-start;padding-left:0}@media (orientation:landscape){.rec .top{right:calc(140px + var(--sr));background:0 0}.rec .dock{width:calc(140px + var(--sr));padding:calc(var(--gap) + var(--st)) calc(var(--gap) + var(--sr)) calc(var(--gap) + var(--sb)) var(--gap);background:linear-gradient(90deg,#0000,#0009 25%);justify-content:center;top:0;left:auto;right:0}.rec .rail{flex-direction:column;gap:12px}.rec .rail .arm{flex:none;width:100%;padding:10px 6px 12px;font-size:.85rem}.rec .hintrow{left:calc(var(--gap) + var(--sl));right:calc(150px + var(--sr));bottom:calc(var(--gap) + var(--sb));flex-direction:row;align-items:flex-end;width:auto;position:fixed}.rec .callout{flex:1;max-width:none;margin:0}.rec .zooms{flex-direction:column-reverse;align-items:flex-end;gap:4px}.rec .sheet{left:auto;right:calc(150px + var(--sr));top:calc(var(--gap) + var(--st));bottom:auto;transform:none}}.markwrap{touch-action:none;position:relative}.markwrap canvas{width:100%;display:block}.loupe{pointer-events:none;width:140px;height:140px;box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--cream);position:absolute}.progress{background:var(--ink);height:26px;position:relative}.progress i{background:repeating-linear-gradient(90deg, var(--mint) 0 12px, var(--mint-dark) 12px 15px);position:absolute;top:0;bottom:0;left:0}.list{flex-direction:column;gap:10px;display:flex}.list .item{justify-content:space-between;align-items:center;gap:12px;display:flex}.check-item{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check-item .box{background:var(--cream);width:22px;height:22px;box-shadow:0 0 0 3px var(--ink);flex:none;margin-top:2px;position:relative}.check-item[aria-checked=true] .box{background:var(--mint)}.check-item[aria-checked=true] .box:after{content:"";border:solid var(--ink);border-width:0 3px 3px 0;width:5px;height:11px;position:absolute;top:2px;left:7px;transform:rotate(45deg)}.footer-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--ink) 30%);justify-content:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-actions>*{flex:1;max-width:360px}.logo{text-align:center}.logo .t1{font-family:var(--arcade);color:var(--gold);text-shadow:0 4px 0 var(--gold-dark), 0 7px 0 var(--ink);font-size:clamp(1.24rem,7vw,2rem)}.logo .t2{font-family:var(--arcade);color:var(--mint);margin-top:14px;font-size:clamp(.62rem,3vw,.77rem)}