:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f12;--panel:#151c22;--text:#e8eef2;--muted:#9aadb6;--accent:#e2b340;--danger:#ff8b7a;--line:#2c3a44;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse 70% 45% at 50% -10%, #1a2c24 0%, transparent 60%), var(--bg);min-height:100vh;margin:0}#app{width:min(720px,100%);margin:0 auto;padding:48px 32px 64px}header{text-align:center}h1,.subtitle,.hint,#error,dd{margin:0}h1{letter-spacing:-.03em;font-size:clamp(2rem,3vw,3.25rem);font-weight:600;line-height:1.1}.subtitle{color:var(--muted);margin-top:12px;font-size:1.2rem}form,.readout{margin-top:32px}label,.field{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:8px;margin-top:16px;font-size:.85rem;font-weight:600;display:grid}.stepper{gap:8px;display:flex}.stepper input{flex:1}.stepper button{background:var(--panel);color:var(--text);border:1px solid var(--line);letter-spacing:0;text-transform:none;padding:12px 16px}#turnstile{margin-top:16px}#turnstile[hidden]{display:none}input,select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);font:inherit;letter-spacing:0;text-transform:none;border-radius:10px;padding:12px 14px}#on-air{color:var(--muted);margin:20px 0 0;font-weight:600}#on-air.is-live{color:var(--accent)}.hint{color:var(--muted);margin-top:12px;font-size:.95rem}.actions{gap:12px;margin-top:16px;display:flex}button{font:inherit;cursor:pointer;border:0;border-radius:10px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.45}.actions button{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:12px 20px}#join{background:var(--accent);color:#1a1404;border-color:#0000}#ptt{width:100%;min-height:180px;color:var(--text);letter-spacing:.04em;touch-action:none;-webkit-user-select:none;user-select:none;background:#1c2830;border-radius:20px;margin-top:28px;font-size:clamp(1.5rem,2vw,2rem)}#ptt.is-live{color:#fff4f2;background:#8f2d2d}.readout{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.readout div{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px}dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:600}dd{overflow-wrap:anywhere;margin-top:6px;font-size:1rem}#error{min-height:1.4em;color:var(--danger);margin-top:16px}@media (width<=1280px){#app{padding:32px 24px 48px}}@media (width<=1024px){h1{font-size:2.25rem}.readout{grid-template-columns:repeat(2,1fr)}}