:root{--bg: #07140f;--bg2: #0c1f17;--card: #12281e;--line: #1f3d2e;--text: #e8f6ee;--muted: #8eac9b;--go: #3dff9a;--go-dim: #1a5c3c;--warn: #ffb020;--busy: #ff5a4a;--idle: #6f8f7e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;min-height:100dvh;background:radial-gradient(1200px 700px at 50% -10%,#123326 0%,var(--bg) 55%);color:var(--text);font-family:Segoe UI,SF Pro Text,system-ui,sans-serif;-webkit-user-select:none;user-select:none}body{overflow:hidden}.app{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;max-width:460px;margin:0 auto}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;border-radius:12px}.brand h1{margin:0;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}.brand p{margin:2px 0 0;color:var(--muted);font-size:.78rem}.card{background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);border-radius:22px;padding:18px}label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:6px}input{width:100%;border:1px solid var(--line);background:#08150f;color:var(--text);border-radius:14px;padding:14px;font-size:1.05rem;margin-bottom:12px;outline:none}input:focus{border-color:var(--go)}.btn,.ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:16px;padding:14px 16px;font-size:1rem;font-weight:700;width:100%}.btn{background:var(--go);color:#062113}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.err{color:#ffb4ac;background:#3a1714;border-radius:12px;padding:10px 12px;font-size:.9rem;margin-bottom:12px}.status{display:flex;flex-direction:column;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pill.ok{background:#123d28;color:var(--go)}.pill.warn{background:#3d2d10;color:var(--warn)}.pill.bad{background:#3d1512;color:#ff8d82}.pill.idle{background:#1a2a22;color:var(--idle)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.speaker{font-size:1.35rem;line-height:1.25;margin:0}.speaker small{display:block;margin-top:4px;color:var(--muted);font-size:.85rem;font-weight:500}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.ptt{width:min(72vw,280px);height:min(72vw,280px);border-radius:50%;border:10px solid #1c4a34;background:radial-gradient(circle at 50% 30%,#4dffaa,#148a52 58%,#0b3d26);color:#042016;font-size:1.15rem;font-weight:800;letter-spacing:.02em;line-height:1.25;touch-action:none;white-space:pre-line;box-shadow:0 18px 40px #00000059}.ptt:active,.ptt.down{transform:scale(.97);background:radial-gradient(circle at 50% 30%,#baffd8,#1ec86f 58%,#0d5a35)}.ptt.locked{background:radial-gradient(circle at 50% 30%,#7a7a7a,#3a3a3a 60%,#1b1b1b);border-color:#444;color:#ddd}.ptt.live{border-color:#ff5a4a;box-shadow:0 0 0 10px #ff5a4a2e,0 18px 40px #00000059}.meta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta .card{padding:12px;font-size:.82rem;color:var(--muted)}.meta strong{display:block;color:var(--text);font-size:.95rem;margin-top:3px}.row{display:flex;gap:8px}.row .ghost{flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c08db;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.overlay .card{width:min(100%,360px);text-align:center}.overlay h2{margin:0 0 8px}.overlay p{color:var(--muted);margin:0 0 16px}.busy-banner{width:100%;text-align:center;background:#3d1512;color:#ffd2cd;border-radius:16px;padding:12px 14px;font-weight:800}