:root{--bg:#0b0f19;--card:#121829;--card2:#0e1424;--line:#1e2740;--text:#e8edf7;--muted:#8a97b5;--accent:#3ddc97;--accent2:#2bb3ff;--danger:#ff5d6c;--warn:#ffb347}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);justify-content:center;align-items:center;display:flex}.card{background:linear-gradient(180deg, var(--card), var(--card2));border:1px solid var(--line);border-radius:24px;width:100%;max-width:460px;padding:22px;box-shadow:0 24px 60px #00000073}.head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.logo{letter-spacing:.2px;align-items:center;gap:9px;font-weight:700;display:flex}.dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot[data-status=live]{background:var(--accent);animation:1.6s infinite pulse;box-shadow:0 0 #3ddc9799}.dot[data-status=reconnecting]{background:var(--warn);animation:1s infinite pulse-warn}.dot[data-status=starting]{background:var(--accent2)}.chan{color:var(--muted);letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.chan.blink{color:var(--warn);animation:1s step-end infinite blink}.hero{text-align:center;padding:12px 6px 6px}.lead{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.5}.modeSwitch{border:1px solid var(--line);border-radius:12px;margin-bottom:18px;display:flex;overflow:hidden}.modeBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:11px 8px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.modeBtn.active{background:var(--line);color:var(--text)}.modeBtn:first-child{border-radius:11px 0 0 11px}.modeBtn:last-child{border-radius:0 11px 11px 0}.field{text-align:left;margin:14px 0;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.field input{border:1px solid var(--line);width:100%;color:var(--text);background:#0a0f1c;border-radius:12px;outline:none;padding:13px 14px;font-size:16px}.field input:focus{border-color:var(--accent2)}.codeRow{gap:8px;display:flex}.codeInput{border:1px solid var(--line);color:var(--text);letter-spacing:.12em;background:#0a0f1c;border-radius:12px;outline:none;flex:1;padding:13px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700}.codeInput:focus{border-color:var(--accent2)}.regenBtn,.shareIdleBtn{border:1px solid var(--line);width:48px;height:48px;color:var(--muted);cursor:pointer;background:#0a0f1c;border-radius:12px;flex-shrink:0;place-items:center;font-size:18px;transition:border-color .15s,color .15s;display:grid}.regenBtn:hover,.shareIdleBtn:hover{border-color:var(--accent2);color:var(--accent2)}.regenBtn:active,.shareIdleBtn:active{transform:translateY(1px)}.pttRow{cursor:pointer;text-align:left;align-items:center;gap:10px;margin:14px 0;display:flex}.pttRow input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent2);cursor:pointer;flex-shrink:0}.pttLabel{color:var(--text);-webkit-user-select:none;user-select:none;font-size:14px}.pttHint{color:var(--muted);font-size:12px}.primary{color:#06231a;background:linear-gradient(135deg, var(--accent), #7af0c0);cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:4px;padding:16px;font-size:17px;font-weight:700}.primary:active{transform:translateY(1px)}.fine{color:var(--muted);margin-top:12px;font-size:12px}.err{color:var(--danger);margin-bottom:12px;font-size:14px;line-height:1.5}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;margin:8px auto 18px;animation:.9s linear infinite spin}.meTile{text-align:center;border:1px solid var(--line);background:#0a0f1c;border-radius:18px;padding:24px 0 18px;position:relative;overflow:hidden}.meTile .ring{border:2px solid var(--line);background:radial-gradient(circle at 50% 40%,#16324a,#0a0f1c);border-radius:50%;width:80px;height:80px;margin:0 auto 10px;transition:box-shadow .15s,border-color .15s}.meTile[data-speaking=true] .ring{border-color:var(--accent);box-shadow:0 0 0 6px #3ddc972e,0 0 30px #3ddc9766}.meName{font-size:17px;font-weight:700}.meState{color:var(--muted);margin-top:3px;font-size:13px}.peopleHead{color:var(--muted);margin:18px 4px 8px;font-size:13px}.people{flex-direction:column;gap:8px;max-height:36vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.people li{border:1px solid var(--line);background:#0a0f1c;border-radius:12px;align-items:center;gap:12px;padding:10px 13px;transition:border-color .15s,box-shadow .15s;display:flex}.people li[data-speaking=true]{border-color:var(--accent);box-shadow:0 0 16px #3ddc9733}.av{background:linear-gradient(135deg, var(--accent2), #6fd0ff);color:#042033;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.nm{flex:1;font-size:15px;font-weight:600}.dist{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.wave{text-align:center;width:14px;color:var(--accent);font-size:11px}.areaHint{color:var(--muted)}.pttBtn{border:2px solid var(--accent2);width:100%;color:var(--accent2);letter-spacing:.06em;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#2bb3ff12;border-radius:18px;margin-top:16px;padding:22px 16px;font-size:16px;font-weight:800;transition:background .1s,box-shadow .1s,transform 50ms}.pttBtn.active{border-color:var(--accent);color:var(--accent);background:#3ddc9726;transform:scale(.98);box-shadow:0 0 0 4px #3ddc9733,0 0 28px #3ddc9759}.controls{gap:10px;margin-top:16px;display:flex}.ctl{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0a0f1c;border-radius:14px;flex:1;padding:15px 8px;font-size:15px;font-weight:700;transition:border-color .15s,color .15s}.ctl.muted{border-color:var(--accent2);color:var(--accent2)}.ctl.share{border-color:var(--line);color:var(--muted)}.ctl.share:hover{border-color:var(--accent2);color:var(--accent2)}.ctl.leave{border-color:var(--danger);color:var(--danger)}.ctl:active{transform:translateY(1px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #3ddc9780}70%{box-shadow:0 0 0 10px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}@keyframes pulse-warn{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.downloadLink{color:var(--accent2);background:#2bb3ff0d;border:1px solid #2bb3ff4d;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.downloadLink:hover{border-color:var(--accent2);background:#2bb3ff26}.downloadLink:active{transform:translateY(1px)}