:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;color-scheme:dark;--bg-deep: #070a10;--bg: #0b0f16;--bg-elev: #10151f;--surface: #161d2a;--surface-2: #1e2736;--surface-3: #273245;--border: rgba(148, 163, 184, .13);--border-strong: rgba(148, 163, 184, .28);--text: #eef2f7;--text-2: #a4afc0;--text-3: #677183;--accent: #6366f1;--accent-strong: #4f46e5;--accent-soft: rgba(99, 102, 241, .16);--accent-text: #a5b4fc;--danger: #dc2626;--danger-strong: #b91c1c;--danger-soft: rgba(239, 68, 68, .12);--ok: #10b981;--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .14);--shadow-pop: 0 16px 48px rgba(2, 6, 16, .55), 0 4px 12px rgba(2, 6, 16, .35);--shadow-card: 0 24px 60px -16px rgba(2, 6, 16, .6);--ring: 0 0 0 3px var(--accent-soft)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:#2c3648 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#2c3648;border-radius:8px}*::-webkit-scrollbar-track{background:transparent}::selection{background:#6366f159}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.55}}.spinner{width:34px;height:34px;border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 20px -6px #6366f18c}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-success{background:var(--ok);color:#fff;box-shadow:0 6px 20px -6px #10b98180}.btn-success:hover:not(:disabled){background:#0da271}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-strong)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-soft{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-soft:hover:not(:disabled){background:var(--surface-3)}.btn-block{width:100%}.btn-lg{padding:13px 22px;font-size:15px;border-radius:12px}.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px;font-weight:500}.icon-btn{position:relative;width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease,box-shadow .15s ease}.icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible{outline:none;box-shadow:var(--ring)}.icon-btn--off{background:var(--danger);border-color:var(--danger);color:#fff}.icon-btn--off:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.icon-btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.icon-btn--accent:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.icon-btn--warn{background:var(--warn);border-color:var(--warn);color:#201404}.icon-btn--warn:hover{background:#d97706;border-color:#d97706}.icon-btn--locked{opacity:.5;cursor:not-allowed}.icon-btn--locked:hover{background:var(--surface-2);border-color:var(--border)}.leave-btn{height:46px;padding:0 22px;border-radius:999px;border:none;background:var(--danger);color:#fff;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .08s ease}.leave-btn:hover{background:var(--danger-strong)}.leave-btn:active{transform:scale(.97)}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(2px);background:#070a10f2;border:1px solid var(--border);color:var(--text);font-size:12px;font-weight:500;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease .25s,transform .12s ease .25s;z-index:300}.tip:hover:after,.tip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.tip--below:after{bottom:auto;top:calc(100% + 10px)}.input{width:100%;padding:11px 14px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--accent);box-shadow:var(--ring)}.select{width:100%;padding:9px 12px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);font-size:13px;outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.select:focus{border-color:var(--accent);box-shadow:var(--ring)}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-elev) 100%);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-card)}.menu-pop{background:#0d121bf7;border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeUp .14s ease}.menu-pop--down{animation:fadeDown .14s ease}.menu-item{transition:background .12s ease}.menu-item:hover{background:var(--surface-2)}.section-label{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.tile{position:relative;width:100%;height:100%;min-height:160px;background:radial-gradient(120% 120% at 50% 20%,var(--surface) 0%,var(--bg-elev) 100%);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}.tile--speaking{border-color:#10b981e6;box-shadow:0 0 0 1.5px #10b981e6,0 0 22px -2px #10b98159}.tile-menu-btn{opacity:0;transition:opacity .15s ease,background .15s ease}.tile:hover .tile-menu-btn,.tile-menu-btn[data-open=true]{opacity:1}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px;line-height:1.4}.badge--guest{background:#ea580ceb;color:#fff;border:1px solid rgba(255,255,255,.22);text-transform:uppercase}.feature-card{padding:26px 24px;background:linear-gradient(180deg,#1e293b80,#0f172a59);border:1px solid var(--border);border-radius:16px;transition:border-color .2s ease,transform .2s ease,background .2s ease}.feature-card:hover{border-color:#6366f173;transform:translateY(-2px)}.feature-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text);margin-bottom:16px}a.link-quiet{color:var(--accent-text);text-decoration:none}a.link-quiet:hover{text-decoration:underline}@media(max-width:900px){.controlbar-info{display:none!important}}@media(max-width:640px){.controlbar-leave-label{display:none}.leave-btn{width:46px;padding:0;justify-content:center}}