@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}@font-face{font-family:"Exo 2";font-style:normal;font-weight:200 400;font-display:swap;src:url(/fonts/exo2-latin.woff2)format("woff2")}:root{--bg:#0e0f13;--panel:#ffffff06;--ink:#f3f4f6;--ink-2:#c4c8d0;--mute:#8a909c;--dim:#5f6571;--line:#ffffff14;--accent:#3ee08f;--compile:#3ee08f;--debug:#5aa9ff;--refactor:#b48cff;--wait:#ffb938;--burned:#ff5470;--dongle:#c4c8d0;--font-ui:Inter, system-ui, sans-serif;--font-display:"Exo 2", Inter, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gut:clamp(16px, 3vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 13px/1.45 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cx{max-width:1280px;min-height:100%;padding:18px var(--gut) calc(14px + env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr) auto;gap:14px;margin:0 auto;display:grid}@media (width>=901px) and (height>=620px){.cx{height:100%}}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.brand h1{font:300 26px/1 var(--font-display);letter-spacing:.04em;margin:0}.brand h1:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);vertical-align:middle;border-radius:50%;margin:0 12px 4px 0;display:inline-block}.brand p{letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:6px 0 0;font-size:11px}.pick{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scen,.sched{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;gap:2px;padding:3px;display:flex}.scen button,.sched button{all:unset;box-sizing:border-box;cursor:pointer;min-height:36px;color:var(--ink-2);white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.scen button:hover,.sched button:hover:not(:disabled){color:var(--ink);background:#ffffff0d}.scen button[aria-pressed=true],.sched button[aria-pressed=true]{color:var(--ink);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff24}.sched button{letter-spacing:.08em;justify-content:center;min-width:52px}.sched button[aria-pressed=true]{color:#0b1a12;background:var(--accent);box-shadow:none}.sched button:disabled{cursor:default;opacity:.4}.scen kbd{font:600 10px var(--font-ui);opacity:.55;border-radius:4px;place-items:center;min-width:16px;height:17px;display:inline-grid;box-shadow:inset 0 0 0 1px}button:focus-visible,.scrub:focus-visible{outline-offset:2px;outline:2px solid #fff9}.cx:focus{outline:none}.failed{max-width:60ch;color:var(--ink);background:#ff547014;border-radius:10px;align-self:start;padding:14px 16px;font-size:14px;box-shadow:inset 0 0 0 1px #ff547073}.failed[hidden],[data-state=error] .pick,[data-state=error] .stage,[data-state=error] .deck{display:none}.stage{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:20px;min-height:0;display:grid}.table{min-height:300px;position:relative}.table canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.side{scrollbar-width:thin;flex-direction:column;gap:12px;min-height:0;padding-right:2px;display:flex;overflow:auto}.note{color:var(--ink-2);margin:0}.cmd{box-shadow:inset 0 0 0 1px var(--line);font:12px/1.4 var(--font-mono);color:var(--mute);overflow-wrap:anywhere;background:#0000004d;border-radius:8px;margin:0;padding:8px 10px}.cmd code{font:inherit;color:var(--ink-2)}.card{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:12px 14px}.card h2{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 10px;font-size:10.5px;font-weight:600}.card h2 span{letter-spacing:.06em;text-transform:none;color:var(--mute);font-weight:400}.queue{flex-wrap:wrap;gap:6px;min-height:26px;margin:0;padding:0;list-style:none;display:flex}.queue li{font-variant-numeric:tabular-nums;color:var(--ink-2);background:#ffb93814;border-radius:6px;align-items:baseline;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffb93840}.queue li b{color:var(--wait);font-weight:600}.queue li.first{background:#ffb93829;box-shadow:inset 0 0 0 1px #ffb93880}.queue .empty{box-shadow:none;color:var(--mute);background:0 0;padding:3px 0}.compare{gap:8px;display:grid}.compare button{all:unset;box-sizing:border-box;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;grid-template-columns:44px minmax(0,1fr);gap:2px 10px;padding:8px 10px;display:grid}.compare button:hover{background:#ffffff0a}.compare button[aria-pressed=true]{background:#3ee08f0d;box-shadow:inset 0 0 0 1px #3ee08f80}.compare .s{letter-spacing:.1em;color:var(--ink-2);grid-row:span 2;align-self:center;font-size:11px;font-weight:600}.compare .o{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.5px}.compare .o.bad{color:var(--burned)}.compare .m{white-space:nowrap;text-overflow:ellipsis;color:var(--mute);font-variant-numeric:tabular-nums;font-size:11.5px;overflow:hidden}.compare .bar{background:#ffffff12;border-radius:2px;grid-column:2;height:4px;margin-top:4px;position:relative}.compare .bar i{background:var(--mute);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.compare .bar i.bad{background:var(--burned)}.compare .bar:after{content:"";background:var(--burned);opacity:.7;width:1px;position:absolute;top:-3px;bottom:-3px;right:0}.fine{color:var(--mute);margin:10px 0 0;font-size:11.5px}.burn{color:var(--ink);background:#ff547014;border-radius:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px #ff547073}.burn b{color:var(--burned)}.legend{color:var(--mute);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:11.5px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:10px;height:10px}.k-compile{background:var(--compile)}.k-debug{background:var(--debug)}.k-refactor{background:var(--refactor)}.k-wait{background:var(--wait)}.k-burned{background:var(--burned)}.legend i.k-dongle{width:12px;height:7px;box-shadow:inset 0 0 0 1.5px var(--dongle);border-radius:2px}.deck{gap:8px;min-width:0;display:grid}.controls{align-items:center;gap:6px;min-width:0;display:flex}.controls .ic,.controls .play{all:unset;box-sizing:border-box;cursor:pointer;width:36px;height:36px;color:var(--ink-2);border-radius:8px;place-items:center;font-size:16px;display:inline-grid}.controls .ic:hover{color:var(--ink);background:#ffffff0f}.controls .play{color:#0b1a12;background:var(--accent);border-radius:50%;width:44px;height:44px}.controls .play:hover{filter:brightness(1.08)}.controls svg{fill:currentColor;width:14px;height:14px}.play .i-pause,.play[data-playing] .i-play{display:none}.play[data-playing] .i-pause{display:inline}.speed{box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;align-items:center;margin-left:6px;display:inline-flex}.speed output{text-align:center;font-variant-numeric:tabular-nums;min-width:38px;color:var(--ink-2);font-size:12px}.clock{color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 0 0 10px;font-size:12px}.clock b{color:var(--ink);font-size:14px;font-weight:500}.event{text-align:right;min-width:0;font:12px var(--font-mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 0 0 12px;overflow:hidden}.event.burned{color:var(--burned)}.gantt{touch-action:none;cursor:ew-resize;height:150px;position:relative}.gantt canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scrub{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.scrub::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:2px;height:3px}.scrub::-moz-range-track{background:#ffffff1f;border-radius:2px;height:3px}.scrub::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:14px;height:14px;margin-top:-5.5px}.scrub::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:14px;height:14px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.keys{color:var(--mute);flex-wrap:wrap;gap:6px 16px;margin:0;font-size:11px;display:flex}.keys kbd{min-width:18px;height:18px;font:600 10px var(--font-ui);color:var(--mute);border:1px solid #ffffff24;border-radius:4px;place-items:center;margin-right:5px;padding:0 4px;display:inline-grid}.keys kbd+kbd{margin-left:-2px}@media (hover:none){.keys,.scen kbd{display:none}}@media (width<=900px){.stage{grid-template-columns:1fr}.table{aspect-ratio:1;min-height:0;max-height:70vh}.side{order:2;overflow:visible}.cx{grid-template-rows:auto}.deck{order:1}.cx>.stage{display:contents}.cx>.stage>.table{order:0}.cx>.stage>.side{order:2}}@media (width<=560px){.top{align-items:stretch}.pick{width:100%}.scen{flex:100%;grid-template-columns:1fr 1fr;display:grid}.scen button{justify-content:center}.sched,.sched button{flex:1}.controls{flex-wrap:wrap;row-gap:4px}.event{text-align:left;flex-basis:100%;margin:0}}