:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3eee1;--paper-2:#fffdf5;--ink:#111;--muted:#5d574b;--lime:#c9f75b;--cyan:#8ce9ff;--pink:#ffa1c7;--yellow:#ffe45c;--red:#ff6b57;--font:"Inter", "Helvetica Neue", ui-sans-serif, system-ui, Arial, sans-serif;--display:"Arial Black", "Archivo Black", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--paper);min-height:100dvh;color:var(--ink);font:500 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#11111129 1.2px,#0000 1.2px);background-size:16px 16px;place-items:center;padding:30px 16px;display:grid;overflow-x:hidden}.shell{background:var(--paper-2);border:4px solid var(--ink);width:min(640px,100%);box-shadow:12px 12px 0 var(--ink);border-radius:8px;padding:24px 26px 20px;position:relative}.sticker{background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:900 9px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:7px 9px;position:absolute;top:-20px;right:26px;transform:rotate(6deg)}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{width:-moz-fit-content;width:fit-content;color:var(--ink);font:900 13px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;text-decoration:none;display:flex}.brand:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.mark{width:30px;height:30px;box-shadow:3px 3px 0 var(--ink);border-radius:7px;flex:none}.pill{background:var(--cyan);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:900 9.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:6px 9px}.hero{padding:30px 0 4px}.eyebrow{background:var(--paper-2);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 9.5px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;padding:6px 9px;display:inline-flex}.pulse{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.15}}h1{font:900 clamp(30px, 6.4vw, 46px)/.99 var(--display);letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;margin:0}h1 em{background:var(--lime);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);margin-top:8px;padding:0 .1em .04em;font-style:normal;display:inline-block;transform:rotate(-1.4deg)}.lede{max-width:48ch;color:var(--muted);margin:18px 0 0;font-size:14.5px;font-weight:600}.play{background:var(--lime);color:var(--ink);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);font:900 15px/1 var(--font);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border-radius:8px;align-items:center;gap:11px;margin-top:26px;padding:14px 22px;transition:transform .1s,box-shadow .1s,background-color .12s;display:inline-flex}.play svg{border:2.5px solid var(--ink);background:#fff;border-radius:50%;width:21px;height:21px;padding:2px}.play:hover:not(:disabled){box-shadow:9px 9px 0 var(--ink);transform:translate(-2px,-2px)}.play:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.play:disabled{cursor:progress;color:#7d7668;background:#e7e1d3;box-shadow:5px 5px #7d7668}.play.is-loading svg{animation:1.1s steps(8,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.play:focus-visible{outline:3px solid var(--ink);outline-offset:4px}button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}input:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.status{font:700 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 0}.status code{background:var(--yellow);border:2px solid var(--ink);font-family:var(--mono);color:var(--ink);text-transform:none;border-radius:3px;padding:2px 6px;font-size:11px}.live{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:8px;flex-direction:column;gap:14px;margin-top:26px;padding:14px;display:flex}.livehead{background:var(--ink);color:var(--paper-2);font:900 10px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;border-radius:3px;align-items:center;gap:9px;padding:7px 10px;display:flex}.grow{flex:1}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:#cfc9ba}.dot{background:var(--red);border-radius:50%;flex:none;width:9px;height:9px;animation:1.1s steps(2,end) infinite blink}.meter{background:var(--paper);border:3px solid var(--ink);border-radius:4px;align-items:flex-end;gap:3px;height:70px;padding:8px;display:flex;overflow:hidden}.meter .bar{background:var(--ink);transform-origin:bottom;will-change:transform;flex:1;height:100%;transform:scaleY(.03)}.meter .bar:nth-child(4n){background:var(--red)}.volume{align-items:center;gap:12px;display:flex}.volume svg{flex:none;width:20px;height:20px}input[type=range]{-webkit-appearance:none;appearance:none;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:0;flex:1;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lime);border:3px solid var(--ink);width:20px;height:20px;box-shadow:2px 2px 0 var(--ink);border-radius:2px}input[type=range]::-moz-range-thumb{background:var(--lime);border:3px solid var(--ink);border-radius:2px;width:18px;height:18px}.hint{background:var(--yellow);border:2.5px solid var(--ink);font:800 11px/1.4 var(--font);text-transform:uppercase;letter-spacing:.04em;margin:0;padding:6px 8px}.leave{background:var(--paper-2);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:800 11px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:6px;align-self:flex-start;padding:9px 14px;transition:transform 90ms,box-shadow 90ms}.leave:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.leave:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.notice{border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#ffdcd4;border-radius:6px;margin-top:24px;padding:14px 16px}.notice p{color:#7a1c0d;margin:0 0 12px;font-size:13.5px;font-weight:700}.notice button{background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:800 11.5px/1 var(--font);text-transform:uppercase;cursor:pointer;border-radius:5px;padding:9px 14px}.notice button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.landing{border-top:3px dashed var(--ink);margin-top:26px;padding-top:20px}.landing label{font:900 10px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;display:block}.row{gap:8px;display:flex}.row input{min-width:0;color:var(--ink);border:3px solid var(--ink);font:600 13px var(--mono);background:#fff;border-radius:5px;flex:1;padding:11px 12px}.row input.invalid{background:#ffdcd4}.row button{background:var(--cyan);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 12px/1 var(--font);text-transform:uppercase;cursor:pointer;border-radius:5px;flex:none;padding:11px 18px}.row button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.foot{border-top:3px solid var(--ink);font:800 9.5px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:26px;padding-top:16px;display:flex}.foot a{color:var(--muted);border-bottom:2px solid #0000;text-decoration:none}.foot a:hover{color:var(--ink);border-color:var(--ink)}[hidden]{display:none!important}@media (max-width:560px){body{background-size:14px 14px;place-items:stretch stretch;padding:0}.shell{width:100%;min-height:100dvh;padding:max(26px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));box-shadow:none;border-width:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}.sticker{top:14px;right:16px}.hero{padding-top:54px}}@media (prefers-reduced-motion:reduce){.pulse,.dot,.play.is-loading svg{animation:none}}