:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080d;--surface:#141722b8;--border:#94a3b829;--text:#e8ecf6;--muted:#8d97ad;--accent:#4f8dff;--accent-2:#a855f7;--danger:#f43f5e;--radius:14px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 15% -10%, #4f8dff29, transparent 60%), radial-gradient(900px 600px at 110% 110%, #a855f724, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 320px;gap:22px;height:100%;padding:22px;display:grid}.stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;display:flex}.viewport{aspect-ratio:16/9;border:1px solid var(--border);background:#04050a;border-radius:18px;width:100%;max-height:calc(100vh - 120px);position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6}.viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{pointer-events:none}.hint{color:var(--muted);text-align:center;margin:0;font-size:13px}.boot{z-index:3;background:#04050aeb;place-content:center;justify-items:center;gap:16px;transition:opacity .4s;display:grid;position:absolute;inset:0}.boot[hidden]{display:none}.boot--done{opacity:0;pointer-events:none}.boot__spinner{border:2px solid #94a3b833;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.85s linear infinite spin}.boot__text{color:var(--muted);margin:0;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.hud{z-index:2;gap:8px;display:flex;position:absolute;top:12px;left:12px}.pill{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;color:var(--muted);background:#080a109e;border-radius:999px;padding:5px 11px;font-size:11px}.pill--live{color:#5eead4;border-color:#5eead459}.rec{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;z-index:2;background:#f43f5e29;border:1px solid #f43f5e73;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:12px;right:12px}.rec__dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;border-radius:18px;flex-direction:column;gap:12px;min-height:0;padding:20px;display:flex;overflow-y:auto}.panel>*{flex-shrink:0}.panel__head h1{letter-spacing:-.01em;background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px}.panel__head p{color:var(--muted);margin:4px 0 0;font-size:12px}.modes{border-radius:var(--radius);border:1px solid var(--border);background:#94a3b814;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.mode{color:var(--muted);text-align:center;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.2;transition:all .16s;display:flex}.mode:hover{color:var(--text);background:#94a3b81a}.mode__icon{font-size:17px;line-height:1}.mode[aria-pressed=true],.mode[aria-pressed=true]:hover{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#fff}.fact{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#06080fb8;border:1px solid #94a3b838;border-radius:16px;max-width:min(340px,42%);padding:16px 18px;animation:.35s cubic-bezier(.22,1,.36,1) fact-in;position:absolute;bottom:18px;left:18px;box-shadow:0 20px 50px -20px #000000e6}.fact[hidden]{display:none}@keyframes fact-in{0%{opacity:0;transform:translateY(14px)}}.fact__name{letter-spacing:-.02em;background:linear-gradient(100deg,#fff,#9dc4ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:30px;font-weight:600;line-height:1}.fact__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px;display:grid}.fact__stats>div{background:#94a3b81a;border-radius:9px;padding:8px 9px}.fact__stats dt{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10px}.fact__stats dd{color:var(--text);margin:3px 0 0;font-size:13px;font-weight:500}.fact__fun{color:#dbe3f4;margin:0;font-size:14px;line-height:1.55}.fact__note{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.5}.fact__note[hidden]{display:none}.section{border:1px solid var(--border);border-radius:var(--radius);background:#94a3b80a;overflow:hidden}.section>summary{letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:11px 14px;font-size:12px;font-weight:500;list-style:none;display:flex}.section>summary::-webkit-details-marker{display:none}.section>summary:after{content:"+";color:var(--muted);font-size:15px;line-height:1}.section[open]>summary:after{content:"−"}.section>summary:hover{background:#94a3b80f}.section__body,.stack{flex-direction:column;gap:13px;display:flex}.section__body{padding:4px 14px 15px}.group{flex-direction:column;gap:9px;display:flex}.group__label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:11px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips--grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.chips--grid .chip{text-align:center;padding:7px 4px}.chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#94a3b80f;border-radius:999px;padding:6px 11px;font-family:inherit;font-size:12px;transition:all .16s}.chip:hover{color:var(--text);border-color:#94a3b859}.chip[aria-pressed=true]{color:#fff;background:linear-gradient(100deg,#4f8dffe6,#a855f7e6);border-color:#0000}.slider{flex-direction:column;gap:7px;display:flex}.slider label{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.slider output{color:var(--text);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:#94a3b833;border-radius:999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 4px #4f8dff38}.toggle{cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.toggle input{accent-color:var(--accent);width:15px;height:15px}.note{color:var(--muted);opacity:.75;margin:-4px 0 0;font-size:11px}.actions{gap:9px}.btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#94a3b814;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .16s}.btn:hover:not(:disabled){background:#94a3b829}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--record{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.btn--record.is-recording{background:var(--danger)}.btn--ghost{color:var(--muted);background:0 0;padding:9px 14px;font-size:12px}kbd{border:1px solid var(--border);color:var(--text);background:#94a3b81f;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px}.stall{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#04050ab8;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.stall__text{color:#cbd5f5;max-width:34ch;margin:0;font-size:14px;line-height:1.5}.stall .btn{width:auto;padding-inline:22px}.countdown{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 60px #4f8dffe6;background:#04050a73;place-content:center;font-size:clamp(64px,18vw,160px);font-weight:200;display:grid;position:absolute;inset:0}.countdown[hidden]{display:none}.countdown span{animation:1s ease-out infinite countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.25)}25%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.92)}}.takes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.take{border:1px solid var(--border);background:#94a3b812;border-radius:11px;align-items:center;gap:10px;padding:9px 11px;font-size:12px;display:flex}.take span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);flex:1;overflow:hidden}.take a{color:var(--accent);font-weight:500;text-decoration:none}.take a:hover{text-decoration:underline}.error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e59;border-radius:11px;margin:0;padding:11px 13px;font-size:12px;line-height:1.5}@media (max-width:900px){.app{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto}.panel{overflow-y:visible}}