:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020617;color:#e5e7eb;--bg: #020617;--card: rgba(15, 23, 42, .82);--card-strong: rgba(30, 41, 59, .92);--line: rgba(148, 163, 184, .22);--text: #e5e7eb;--muted: #94a3b8;--primary: #22c55e;--primary-strong: #16a34a;--danger: #ef4444;--danger-strong: #dc2626;--warning: #f59e0b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(34,197,94,.22),transparent 35%),radial-gradient(circle at 90% 0%,rgba(59,130,246,.18),transparent 30%),linear-gradient(145deg,#020617,#0f172a 55%,#111827);z-index:-1}button,input{font:inherit}button{border:0;border-radius:18px;padding:14px 18px;color:#fff;cursor:pointer;font-weight:900;letter-spacing:-.01em;transition:transform .15s ease,opacity .15s ease,filter .15s ease;min-height:52px}button:not(:disabled):active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.secondary{background:#94a3b82e;color:var(--text);border:1px solid var(--line)}.danger{background:linear-gradient(135deg,var(--danger),var(--danger-strong))}.danger.pressed{filter:brightness(1.35);box-shadow:0 0 0 8px #ef444429}.danger-soft{color:#fecaca}.shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:22px 0 36px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:12px 0 18px}.eyebrow{margin:0 0 6px;color:#86efac;font-size:11px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0;line-height:1.05;letter-spacing:-.06em}h1{font-size:clamp(44px,10vw,96px)}h2{font-size:clamp(25px,5vw,42px)}.subtitle{max-width:650px;margin:10px 0 0;color:var(--muted);font-size:18px}.status-pill{border:1px solid rgba(248,113,113,.3);background:#7f1d1d59;color:#fecaca;padding:9px 13px;border-radius:999px;font-weight:850;white-space:nowrap}.status-pill.online{color:#bbf7d0;background:#14532d8c;border-color:#22c55e59}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 90px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.join-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) auto;gap:14px;padding:16px;margin-bottom:16px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}input{width:100%;border:1px solid var(--line);background:#0206179e;color:var(--text);border-radius:18px;padding:14px 15px;outline:none}input:focus{border-color:#22c55eb3}.grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:16px}.live-card,.users-card,.log-card{padding:20px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mic-dot{width:24px;height:24px;border-radius:999px;background:#475569;box-shadow:inset 0 0 0 6px #ffffff0f;margin-top:8px}.mic-dot.active{background:var(--primary);box-shadow:0 0 0 12px #22c55e1f,0 0 40px #22c55e73}.meter{margin-top:26px;height:16px;border-radius:999px;background:#94a3b826;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.meter-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--warning),var(--danger));transition:width .22s ease}.muted,.hint,.timer{color:var(--muted)}.timer{margin-top:2px;font-weight:800}.controls{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hint{margin-bottom:0}.users-list{display:grid;gap:10px;margin-top:18px;max-height:430px;overflow:auto;padding-right:3px}.user-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);background:#02061757;border-radius:18px}.user-row strong{font-size:10px;letter-spacing:.1em;color:var(--muted)}.user-row.speaking{border-color:#22c55e99;background:#14532d38}.user-row.speaking strong{color:#86efac}.user-row.hushing{border-color:#ef44448c;background:#7f1d1d38}.user-row.hushing strong{color:#fca5a5}.log-card{margin-top:16px}.log-box{display:grid;gap:8px;max-height:180px;overflow:auto;color:var(--muted);font-size:13px}.audio-stage{position:fixed;width:1px;height:1px;pointer-events:none;opacity:0}@media(max-width:820px){.hero{flex-direction:column}.join-card,.grid,.controls{grid-template-columns:1fr}.join-card button{width:100%}.shell{width:min(100% - 18px,1120px)}}.one-button-wrap{margin-top:22px;display:grid}.action-btn{width:100%;min-height:124px;border-radius:32px;display:grid;place-items:center;gap:8px;text-align:center;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 26px 80px #00000047}.action-btn span{display:block;font-size:clamp(24px,6vw,46px);line-height:1;letter-spacing:-.06em}.action-btn small{display:block;max-width:92%;color:#ffffffd1;font-size:14px;line-height:1.25;font-weight:800;letter-spacing:0}.action-btn.mode-disabled{background:#94a3b82e;border:1px solid var(--line)}.action-btn.mode-talk{background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.action-btn.mode-speaking{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 0 0 12px #0ea5e91f,0 26px 80px #00000047}.action-btn.mode-hush{background:linear-gradient(135deg,var(--danger),var(--danger-strong))}.action-btn.pressed{transform:scale(.985);filter:brightness(1.15);box-shadow:0 0 0 12px #ffffff14,0 26px 80px #0000005c}.action-btn{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.action-btn.pressed{transform:scale(.985)}.auto-card{display:block}.hold-btn{width:100%;min-height:118px;border:0;border-radius:28px;padding:22px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 20px 60px -30px #0f172aa6;transition:transform .12s ease,opacity .12s ease,filter .12s ease}.hold-btn.pressed{transform:scale(.975)}.hold-btn{touch-action:manipulation}.hold-btn small{text-transform:none}.hold-btn.pressed{transform:scale(1);filter:brightness(.95)}.two-buttons-wrap{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}.hold-btn{width:100%;min-height:118px;border:0;border-radius:28px;padding:22px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 20px 60px -30px #0f172aa6}.hold-btn span{display:block;font-size:clamp(1.25rem,5vw,2.2rem);font-weight:950;letter-spacing:-.04em}.hold-btn small{display:block;margin-top:8px;font-size:.95rem;font-weight:800;opacity:.82}.hold-btn:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}.hold-btn.pressed{filter:brightness(.92)}.talk-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e)}.hush-btn{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316)}@media(min-width:760px){.two-buttons-wrap{grid-template-columns:1fr 1fr}}