*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--card:#16213e;--input:#0f3460;--accent:#00d4ff;--primary:#e94560;--success:#27ae60;--danger:#c0392b;--text:#e0e0e0;--muted:#89a;--border:#0f3460;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:background .3s,color .3s}body{min-height:100vh;margin:0;display:flex}body:before{content:"";background:radial-gradient(ellipse at 50% 0%, var(--card) 0%, transparent 70%);pointer-events:none;z-index:-1;position:fixed;inset:0}#root{width:100%;min-height:100vh;display:flex}.app{width:100%;max-width:440px;margin:auto;padding:24px}.app-wide{max-width:920px}.lobby-layout{align-items:flex-start;gap:16px;display:flex}.lobby-sidebar{flex-shrink:0;width:320px}.lobby-sidebar .card{margin-bottom:16px}.lobby-main{flex:1;min-width:0}@media (width<=760px){.app-wide{max-width:440px}.lobby-layout{flex-direction:column}.lobby-sidebar{order:2;width:100%}.lobby-main{order:1;width:100%}}.app-brand{text-align:left;margin-bottom:18px;line-height:1.2;position:relative}.app-title{color:var(--accent);letter-spacing:-.02em;font-size:1.8rem;font-style:italic;font-weight:700;display:block}.app-version{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:.72rem;font-weight:400;display:block}.theme-switch{border:2px solid var(--muted);cursor:pointer;border-radius:50%;width:24px;height:24px;margin:0;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;position:absolute;top:2px;right:0}.theme-switch:hover{border-color:var(--text);box-shadow:0 0 10px color-mix(in srgb, var(--text) 25%, transparent);transform:scale(1.25)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:20px;animation:.3s cardIn;box-shadow:0 2px 16px #00000026}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card h3{margin-bottom:12px;font-size:16px;font-weight:600}input,button{border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:14px}input{background:var(--input);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}input::placeholder{color:var(--muted)}button{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;font-weight:600;transition:filter .2s,transform .15s,box-shadow .2s}button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 14px #00000040}button:active:not(:disabled){filter:brightness(.95);box-shadow:none;transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--input);color:var(--text)}button.danger{background:var(--danger)}button.small{width:auto;margin-bottom:0;padding:6px 12px;font-size:12px}.hint{color:var(--muted);margin-bottom:8px;font-size:12px}.room-item{background:var(--input);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;transition:background .15s,transform .15s;display:flex}.room-item:hover{background:color-mix(in srgb, var(--input) 92%, var(--text) 8%)}.room-item .info{flex:1;min-width:0}.room-item .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.room-item .code{color:var(--accent);margin-top:2px;font-size:11px}.room-item .actions{flex-shrink:0;gap:4px;display:flex}.friends-panel .requests-toggle{margin-bottom:8px}.requests-list{border:1px dashed var(--muted);border-radius:10px;margin-bottom:12px;padding:8px}.member-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.member{background:var(--input);border-radius:16px;padding:6px 14px;font-size:13px;transition:background .2s,box-shadow .2s}.member.speaking{background:var(--success);color:#fff;animation:1.4s ease-in-out infinite speakGlow}@keyframes speakGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 45%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--success) 0%, transparent)}}.member .pid{color:var(--accent);font-size:11px}.member.speaking .pid{color:#fffc}.status-dot{border-radius:50%;width:10px;height:10px;margin-right:6px;transition:background .2s;display:inline-block}.status-dot.connected{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.connecting{background:#f39c12;animation:.8s ease-in-out infinite connectingPulse;box-shadow:0 0 6px #f39c12}@keyframes connectingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.status-dot.disconnected{background:var(--primary)}.error-log{background:color-mix(in srgb, #ff6b6b 8%, var(--bg) 92%);color:#ff6b6b;white-space:pre-wrap;border:1px solid #ff6b6b26;border-radius:10px;max-height:150px;margin-top:8px;padding:10px 14px;font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-y:auto}.row{align-items:center;gap:8px;display:flex}.row input{flex:1;margin-bottom:0}.row button{width:auto;margin-bottom:0}.room-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.room-code{color:var(--accent);margin-bottom:12px;font-size:12px}.room-code b{color:var(--accent)}.volume-row{margin-bottom:10px}.volume-row label{color:var(--muted);white-space:nowrap;font-size:12px}.volume-row input[type=range]{height:6px;accent-color:var(--primary);border:none;border-radius:3px;margin-bottom:0;padding:0}.volume-row input[type=range]:focus{box-shadow:none}.volume-label{text-align:right;width:36px;color:var(--muted);font-size:12px}.room-controls{gap:8px;margin-top:14px;display:flex}.room-controls button{margin-bottom:0}.auth-msg{color:var(--primary);min-height:18px;margin-top:6px;font-size:13px}.btn-denoise-on{background:var(--success)!important}.btn-denoise-off{background:var(--primary)!important}