:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;background:#080d18;color:#f8fafc}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at top,#1e293b,#080d18 55%);display:grid;place-items:center;padding:18px}.app{width:min(100%,470px)}.card{background:rgba(15,23,42,.94);border:1px solid #334155;border-radius:28px;padding:24px;box-shadow:0 24px 70px #0008}.hidden{display:none}.login h1{font-size:2.2rem;margin:.1rem 0}.login p{color:#94a3b8}.login label{display:grid;gap:8px;margin:18px 0;font-weight:700}.login input{width:100%;padding:15px 16px;border-radius:14px;border:1px solid #475569;background:#0f172a;color:white;font-size:1rem}.login button,#join{width:100%;padding:16px;border:0;border-radius:14px;background:#22c55e;color:#052e16;font-size:1.05rem;font-weight:900;cursor:pointer}.login small{display:block;margin-top:14px;color:#94a3b8;text-align:center}.radio header{display:flex;align-items:center;justify-content:space-between}.eyebrow{display:block;font-size:.7rem;color:#94a3b8;letter-spacing:.18em}.status{font-size:.8rem;color:#86efac}.speaker-panel{text-align:center;padding:22px 10px}.speaker-panel span{display:block;color:#94a3b8}.speaker-panel strong{font-size:1.45rem}.ptt{display:grid;place-items:center;margin:6px auto;width:min(68vw,275px);aspect-ratio:1;border-radius:50%;border:10px solid #334155;background:linear-gradient(#22c55e,#16a34a);color:#052e16;box-shadow:0 0 0 8px #0f172a,0 20px 45px #0008;touch-action:none;user-select:none;cursor:pointer}.ptt span{font-size:4rem;font-weight:1000;line-height:1}.ptt small{font-weight:900}.ptt.talking{background:linear-gradient(#ef4444,#b91c1c);color:white;transform:scale(.97);box-shadow:0 0 0 8px #0f172a,0 0 35px #ef444477}.ptt.busy{background:#475569;color:#cbd5e1}.hint{text-align:center;color:#94a3b8;min-height:24px}.users{border-top:1px solid #334155;margin-top:18px;padding-top:12px}.users h2{font-size:1rem}.users ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;max-height:145px;overflow:auto}.users li{padding:10px 12px;background:#111c31;border-radius:10px}.users li.me::after{content:' vos';color:#86efac;font-size:.8rem}audio{display:none}@media(max-height:700px){body{padding:8px}.card{padding:16px}.ptt{width:210px}.speaker-panel{padding:12px}}