.voice-room{--vr-bg: #09090b;--vr-surface: #121218;--vr-elevated: #18181f;--vr-border: rgba(255, 255, 255, .07);--vr-border-strong: rgba(255, 255, 255, .11);--vr-text: #fafafa;--vr-muted: #a1a1aa;--vr-accent: #6366f1;--vr-accent-soft: rgba(99, 102, 241, .14);--vr-danger: #f87171;--vr-success: #4ade80;--vr-r-sm: 8px;--vr-r-md: 12px;--vr-r-lg: 16px;--vr-r-xl: 20px;--vr-r-pill: 9999px;--vr-inset: inset 0 1px 0 rgba(255, 255, 255, .045);--vr-shadow-card: 0 4px 24px rgba(0, 0, 0, .38);--vr-shadow-float: 0 8px 32px rgba(0, 0, 0, .42);--vr-ring-accent: 0 0 0 1px rgba(99, 102, 241, .12);display:flex;min-height:calc(100dvh - 5.5rem);border-radius:var(--vr-r-xl);overflow:hidden;border:1px solid var(--vr-border-strong);background:var(--vr-bg);box-shadow:0 25px 50px -12px #0000008c,var(--vr-ring-accent),var(--vr-inset);position:relative}.voice-room__main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;background:var(--vr-bg)}.voice-room__toolbar-strip{position:relative;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.75fr) minmax(0,1fr);align-items:center;gap:.65rem;min-height:3.5rem;padding:.55rem 1.1rem;border-bottom:1px solid var(--vr-border);background:#09090bd1;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}.voice-room__back-pill{justify-self:start;display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .85rem .38rem .55rem;border-radius:var(--vr-r-pill);font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--vr-muted);text-decoration:none;border:1px solid var(--vr-border);background:var(--vr-elevated);transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.voice-room__back-icon{flex-shrink:0;opacity:.85}.voice-room__back-pill:hover{color:var(--vr-text);border-color:#6366f147;background:#1c1c26;box-shadow:0 0 0 1px #6366f114;text-decoration:none}.voice-room__back-pill:hover .voice-room__back-icon{opacity:1;color:#a5b4fc}.voice-room__meet-meta{justify-self:center;width:100%;max-width:100%;min-width:0;text-align:center;pointer-events:none}.voice-room__meet-title{margin:0;font-size:clamp(.9375rem,2.5vw,1.0625rem);font-weight:700;letter-spacing:-.04em;color:var(--vr-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-room__meet-badges{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.voice-room__meet-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:var(--vr-r-pill);font-size:.625rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.voice-room__meet-badge--kind{color:#c7d2fe;background:var(--vr-accent-soft);border:1px solid rgba(99,102,241,.22)}.voice-room__meet-badge--live{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.28)}.voice-room__meet-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--vr-success);box-shadow:0 0 0 2px #22c55e59;animation:voice-room-live-dot 2.4s ease-out infinite}.voice-room__meet-badge--idle{color:var(--vr-muted);background:#ffffff0d;border:1px solid var(--vr-border)}@keyframes voice-room-live-dot{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.voice-room__meet-badge-dot{animation:none}}.voice-room__toolbar-strip-spacer{justify-self:end;width:100%;max-width:7.5rem}.voice-room__stage{flex:1;min-height:20rem;position:relative;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(99,102,241,.07) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 50% 0%,rgba(161,161,170,.06) 0%,transparent 50%),linear-gradient(180deg,#0c0c0f,#09090b)}.voice-room__top-bar{position:absolute;top:4.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.45rem;border-radius:var(--vr-r-pill);background:#121218f0;border:1px solid var(--vr-border-strong);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);box-shadow:var(--vr-shadow-float),var(--vr-inset);z-index:4}.voice-room__ctrl{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(99,102,241,.4);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease,opacity .15s ease}.voice-room__ctrl:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 0 3px var(--vr-accent-soft)}.voice-room__ctrl:active:not(:disabled){transform:scale(.96)}.voice-room__ctrl--muted{background:linear-gradient(180deg,#475569,#334155);border-color:#94a3b859;box-shadow:none}.voice-room__ctrl--disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(180deg,#27272a,#18181b);border-color:var(--vr-border);box-shadow:none;color:var(--vr-muted)}.voice-room__ctrl--signal{cursor:default;background:linear-gradient(180deg,#1e3a5f,#172554);border-color:#6366f147}.voice-room__ctrl--signal:hover{filter:none;box-shadow:none}.voice-room__ctrl--signal-bad{background:linear-gradient(180deg,#7f1d1d,#991b1b);border-color:#f8717159}.voice-room__ctrl--hangup{margin-left:.15rem;background:linear-gradient(180deg,#f87171,#dc2626);border-color:#f8717173;width:3rem;height:3rem}.voice-room__ctrl--hangup:hover:not(:disabled){box-shadow:0 0 0 3px #ef444433}.voice-room__banner-err{position:absolute;top:8.5rem;left:50%;transform:translate(-50%);max-width:min(520px,92%);padding:.7rem 1.05rem;border-radius:var(--vr-r-md);background:#450a0a8c;border:1px solid rgba(248,113,113,.32);color:#fecaca;font-size:.8125rem;font-weight:500;line-height:1.45;box-shadow:0 12px 32px #00000059;z-index:4}.voice-room__stage-bottom{position:absolute;left:0;right:0;bottom:0;padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.voice-room__stage-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin:0 0 .25rem}.voice-room__stage-pill{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:var(--vr-r-pill);font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--vr-text);background:#ffffff0f;border:1px solid var(--vr-border);box-shadow:var(--vr-inset)}.voice-room__stage-pill--quiet{color:var(--vr-muted);font-weight:500;background:#ffffff08}.voice-room__tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;max-width:100%}.voice-room__tile{position:relative;width:7.25rem;border-radius:var(--vr-r-lg);overflow:visible;border:1px solid var(--vr-border);background:linear-gradient(165deg,rgba(255,255,255,.04) 0%,var(--vr-surface) 38%);box-shadow:var(--vr-shadow-card),var(--vr-inset);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.voice-room__tile:hover{border-color:#6366f138;box-shadow:var(--vr-shadow-float),var(--vr-inset),0 0 0 1px #6366f10f;transform:translateY(-2px)}.voice-room__tile--self{border-color:#6366f147;box-shadow:var(--vr-shadow-card),var(--vr-inset),0 0 0 1px #6366f11a}.voice-room__tile-avatar-wrap{position:relative;margin:.85rem auto 0;width:4.5rem;height:4.5rem;border-radius:50%;overflow:visible;border:2px solid var(--vr-border-strong);background:linear-gradient(145deg,#3f3f46,#18181b);display:grid;place-items:center;grid-template:1fr / 1fr;box-shadow:inset 0 1px #ffffff12,0 6px 16px #00000059}.voice-room__tile-avatar-wrap>*{grid-area:1 / 1}.voice-room__tile-avatar-wrap>.voice-room__tile-avatar,.voice-room__tile-avatar-wrap>.voice-room__tile-initials{width:100%;height:100%;border-radius:50%;overflow:hidden;z-index:1}.voice-room__tile-avatar-wrap>.voice-room__tile-mic-off{align-self:end;justify-self:start;margin:0 0 .1rem .1rem;position:relative;z-index:3}.voice-room__tile-profile{position:absolute;bottom:-.1rem;right:-.1rem;z-index:4;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:var(--vr-elevated);border:1px solid var(--vr-border-strong);color:var(--vr-muted);text-decoration:none;box-shadow:0 2px 10px #00000073;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.voice-room__tile-profile:hover{color:#fff;border-color:#6366f166;background:#252530;transform:scale(1.05);text-decoration:none}.voice-room__tile-avatar{width:100%;height:100%;object-fit:cover}.voice-room__tile-initials{font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);width:100%;height:100%;display:grid;place-items:center}.voice-room__tile-mic-off{width:1.4rem;height:1.4rem;border-radius:50%;background:linear-gradient(180deg,#f87171,#dc2626);color:#fff;display:grid;place-items:center;border:2px solid var(--vr-surface);box-shadow:0 2px 8px #0006}.voice-room__tile-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--vr-text);padding:.55rem .45rem .1rem;min-height:2.4rem;word-break:break-word}.voice-room__tile-you{display:block;text-align:center;font-size:.5625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc;padding:0 .35rem .55rem}.voice-room__roadmap{margin:0;font-size:.6875rem;font-weight:500;color:var(--vr-muted);text-align:center;max-width:28rem;line-height:1.55;padding:.65rem 1rem;border-radius:var(--vr-r-md);background:#ffffff08;border:1px solid var(--vr-border)}.voice-room-state{display:flex;flex-direction:column;align-items:center;gap:.85rem;max-width:26rem;margin:2.5rem auto;text-align:center;padding:2.35rem 1.85rem!important;border-radius:var(--vr-r-xl)!important;border:1px solid var(--vr-border-strong)!important;background:var(--vr-surface)!important;box-shadow:0 20px 48px #0000006b,var(--vr-inset)}.voice-room-state__spinner{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--vr-border);border-top-color:var(--vr-accent);animation:voice-room-spin .75s linear infinite}@keyframes voice-room-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.voice-room-state__spinner{animation:none;border-top-color:var(--vr-border);opacity:.6}}.voice-room-state__title{margin:0;font-size:1.1875rem;font-weight:700;letter-spacing:-.03em;color:var(--vr-text)}.voice-room-state__lead{margin:0;font-size:.875rem;font-weight:500;line-height:1.6;color:var(--vr-muted);max-width:22rem}.voice-room--error .voice-room__error-title{margin:0 0 .65rem;font-size:1.1875rem;font-weight:700;letter-spacing:-.03em;color:var(--vr-text)}.voice-room--error .voice-room__error-text{margin:0 0 1.35rem;color:var(--vr-muted);font-size:.875rem;font-weight:500;line-height:1.6;max-width:22rem}.voice-room__expand-tab{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5;writing-mode:vertical-rl;text-orientation:mixed;padding:.85rem .45rem;border:1px solid var(--vr-border-strong);border-right:none;border-radius:var(--vr-r-md) 0 0 var(--vr-r-md);background:linear-gradient(90deg,var(--vr-surface),var(--vr-elevated));color:#a5b4fc;font-size:.75rem;font-weight:600;letter-spacing:.06em;cursor:pointer;box-shadow:-4px 0 20px #00000040;transition:background .18s ease,color .18s ease,border-color .18s ease}.voice-room__expand-tab:hover{background:var(--vr-elevated);color:#e0e7ff;border-color:#6366f140}.voice-room__sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:var(--vr-surface);border-left:1px solid var(--vr-border);transition:width .22s ease,min-width .22s ease,opacity .18s ease,border-color .2s ease}.voice-room--sidebar-collapsed .voice-room__sidebar{width:0;min-width:0;opacity:0;overflow:hidden;border:none;pointer-events:none}.voice-room__sidebar-head{display:flex;align-items:center;gap:.25rem;padding:.6rem .7rem;border-bottom:1px solid var(--vr-border);flex-shrink:0;background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-room__sb-tab{width:2.375rem;height:2.375rem;display:grid;place-items:center;border-radius:var(--vr-r-sm);color:var(--vr-muted);border:none;background:transparent;padding:0;font:inherit;cursor:pointer;transition:color .15s ease,background .15s ease}.voice-room__sb-tab--active{color:#a5b4fc;background:var(--vr-accent-soft)}.voice-room__sb-tab:not(.voice-room__sb-tab--disabled):hover{color:var(--vr-text);background:#ffffff0d}.voice-room__sb-tab--disabled{opacity:.32;pointer-events:none}.voice-room__sb-collapse{margin-left:auto;width:2.125rem;height:2.125rem;border:none;border-radius:10px;background:transparent;color:var(--vr-muted);font-size:1rem;cursor:pointer;transition:color .15s ease,background .15s ease}.voice-room__sb-collapse:hover{color:var(--vr-text);background:#ffffff0f}.voice-room__sidebar-body{flex:1;display:flex;flex-direction:column;min-height:0}.voice-room__info{padding:1.05rem 1.15rem;background:linear-gradient(165deg,rgba(99,102,241,.06) 0%,var(--vr-surface) 55%);border-bottom:1px solid var(--vr-border);flex-shrink:0}.voice-room__info-title{margin:0 0 .7rem;font-size:.6875rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--vr-muted)}.voice-room__info-row{margin:0;padding:.45rem 0;font-size:.8125rem;display:flex;gap:.75rem;align-items:baseline;border-top:1px solid var(--vr-border)}.voice-room__info-row:first-of-type{border-top:none;padding-top:0}.voice-room__info-row--id .voice-room__info-v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;font-weight:500;color:var(--vr-muted);word-break:break-all}.voice-room__info-k{color:var(--vr-muted);min-width:5.5rem;flex-shrink:0;font-weight:500}.voice-room__info-v{color:var(--vr-text);font-weight:600;line-height:1.35;word-break:break-word}.voice-room__chat{flex:1;overflow-y:auto;padding:.75rem 1rem;min-height:7rem;scrollbar-width:thin;scrollbar-color:rgba(161,161,170,.35) transparent}.voice-room__chat-empty{margin:0;font-size:.8125rem;line-height:1.5;color:var(--vr-muted)}.voice-room__notes-heading{margin:0 0 .6rem;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vr-muted)}.voice-room__chat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.voice-room__chat-msg{font-size:.8125rem;line-height:1.4;padding:.55rem .7rem;border-radius:var(--vr-r-md);background:#ffffff0a;border:1px solid var(--vr-border);box-shadow:var(--vr-inset)}.voice-room__chat-msg--self{background:#6366f11a;border-color:#6366f133}.voice-room__chat-sender{display:block;font-weight:600;color:#a5b4fc;font-size:.6875rem;margin-bottom:.2rem;letter-spacing:.02em}.voice-room__chat-text{color:#e4e4e7;word-break:break-word}.voice-room__composer{border-top:1px solid var(--vr-border);padding:.75rem 1rem 1rem;flex-shrink:0;background:var(--vr-bg)}.voice-room__composer-hint{margin:0 0 .5rem;font-size:.6875rem;line-height:1.45;color:var(--vr-muted)}.voice-room__composer-hint strong{color:#d4d4d8;font-weight:600}.voice-room__composer-row{display:flex;align-items:stretch;gap:.5rem}.voice-room__composer-input{flex:1;min-width:0;resize:none;border-radius:var(--vr-r-md);border:1px solid var(--vr-border);background:var(--vr-elevated);color:var(--vr-text);font:inherit;font-size:.8125rem;padding:.55rem .65rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}.voice-room__composer-input::placeholder{color:var(--vr-muted);opacity:.75}.voice-room__composer-input:hover{border-color:var(--vr-border-strong)}.voice-room__composer-input:focus{outline:none;border-color:#818cf88c;box-shadow:0 0 0 3px var(--vr-accent-soft)}.voice-room__composer-send{flex-shrink:0;width:2.5rem;height:2.5rem;align-self:flex-end;border-radius:var(--vr-r-md);border:1px solid rgba(99,102,241,.45);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;display:grid;place-items:center;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease}.voice-room__composer-send:hover{filter:brightness(1.06);box-shadow:0 0 0 3px var(--vr-accent-soft)}@media(max-width:900px){.voice-room{flex-direction:column;min-height:auto;border-radius:12px}.voice-room__toolbar-strip{grid-template-columns:1fr;justify-items:stretch}.voice-room__back-pill{justify-self:start}.voice-room__meet-meta{order:-1;margin-bottom:.35rem}.voice-room__toolbar-strip-spacer{display:none}.voice-room__top-bar{top:6.5rem}.voice-room__sidebar{width:100%;min-width:0;border-left:none;border-top:1px solid var(--vr-border);max-height:48vh}.voice-room--sidebar-collapsed .voice-room__sidebar{display:none}.voice-room__expand-tab{top:auto;bottom:.65rem;right:.65rem;transform:none;writing-mode:horizontal-tb;border-radius:12px;border:1px solid var(--vr-border);padding:.5rem .85rem}}:root{color-scheme:dark;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif;--bg: #09090b;--bg-subtle: #0c0c0f;--panel: #121218;--panel-raised: #18181f;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .11);--text: #fafafa;--text-secondary: #d4d4d8;--muted: #a1a1aa;--muted-deep: #71717a;--accent: #6366f1;--accent-hover: #818cf8;--accent-soft: rgba(99, 102, 241, .14);--accent-glow: rgba(99, 102, 241, .35);--danger: #f87171;--ok: #4ade80;--focus-ring: rgba(129, 140, 248, .55);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .35);--shadow-md: 0 12px 40px rgba(0, 0, 0, .45);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .04);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 9999px;font-family:var(--font-sans);line-height:1.55;font-weight:400;letter-spacing:-.011em;color:var(--text);background-color:var(--bg)}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -40%,rgba(99,102,241,.09),transparent 55%)}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:var(--accent-hover);text-decoration:none;transition:color .15s ease}a:hover{color:#a5b4fc;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1100px;margin:0 auto;padding:1.25rem}.app-shell--home{max-width:1320px;padding-left:1.35rem;padding-right:1.35rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.125rem 1.35rem;box-shadow:var(--shadow-xs),var(--shadow-inset-top)}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:.75rem}.btn{border:1px solid var(--border-strong);background:var(--panel-raised);color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;border-radius:var(--r-md);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover:not(:disabled){background:#1f1f28;color:var(--text);border-color:#ffffff24}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#6366f1,#4f46e5);border-color:#6366f18c;color:#fff;font-weight:600;box-shadow:0 1px #ffffff1a inset,0 4px 16px #4f46e559}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#818cf8,#6366f1);border-color:#818cf8a6;color:#fff}.btn-home-support{background:linear-gradient(180deg,#fde047,#eab308);border-color:#eab30880;color:#18181b;font-weight:600;box-shadow:var(--shadow-xs)}.btn-home-support:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 4px 14px #eab30833}.btn-danger{background:#3a1f24;border-color:#6b2f38;color:#ffb4b4}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:#ffffff0a;color:var(--text-secondary);border-color:var(--border)}.input{width:100%;max-width:420px;padding:.6rem .85rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text);transition:border-color .18s ease,box-shadow .18s ease}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:#6366f173;box-shadow:0 0 0 3px var(--accent-soft)}.muted{color:var(--muted)}.h1{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin:0 0 .5rem;color:var(--text)}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{border-bottom:1px solid var(--border);padding:.55rem .35rem;text-align:left;vertical-align:top}.badge{display:inline-block;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:.8rem}.badge-ok{border-color:#2f6b52;color:#b8ffd9}.badge-off{border-color:#444;color:#aaa}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-layout__main{flex:1}.app-header{border-bottom:1px solid var(--border);background:#09090bc7;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);position:sticky;top:0;z-index:50}.app-header__inner{justify-content:space-between;align-items:center;padding-top:.85rem;padding-bottom:.85rem;gap:1rem}.app-header__left{flex:1;min-width:0}.app-header__nav{margin-left:.25rem}.app-header__link{color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;padding:.4rem .65rem;border-radius:var(--r-sm);transition:color .15s ease,background .15s ease}.app-header__link:hover{color:var(--text-secondary);text-decoration:none;background:#ffffff0d}.app-header__link--active{color:#fff;background:var(--accent-soft);box-shadow:inset 0 0 0 1px #6366f138}.app-logo{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text);font-weight:700;font-size:1.0625rem;letter-spacing:-.035em;transition:opacity .15s ease}.app-logo:hover{text-decoration:none;opacity:.92}.app-logo__mark{display:flex;color:var(--accent);filter:drop-shadow(0 2px 8px var(--accent-glow))}.app-logo__wordmark{white-space:nowrap}.profile-menu{position:relative;flex-shrink:0}.profile-menu__trigger{display:inline-flex;align-items:center;gap:.55rem;padding:.3rem .65rem .3rem .4rem;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--panel-raised);color:var(--text-secondary);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.profile-menu__trigger:hover{background:#1c1c26;border-color:#6366f159;box-shadow:0 0 0 1px #6366f11f}.profile-menu__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.profile-menu__trigger-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#27272a;display:grid;place-items:center}.profile-menu__trigger-avatar img{width:100%;height:100%;object-fit:cover}.profile-menu__trigger-initials{font-size:.7rem;font-weight:700;color:#c7d2fe}.profile-menu__trigger-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__caret{display:flex;color:var(--muted-deep);margin-left:.1rem}.profile-menu__caret--open{transform:rotate(180deg)}.profile-menu__dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:min(380px,calc(100vw - 2.5rem));background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:1.15rem 1.1rem .75rem;text-align:center}.profile-menu__panel--scroll{max-height:min(440px,58vh);overflow-y:auto;overflow-x:hidden;text-align:left;padding-right:.2rem;margin:0 -.15rem 0 0;scrollbar-gutter:stable}.profile-menu__section{margin-bottom:.9rem}.profile-menu__section:last-child{margin-bottom:0}.profile-menu__section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-deep);margin:0 0 .45rem;text-align:left;font-weight:600}.profile-menu__friend-item{padding:.5rem .55rem;background:#0003;border-radius:var(--r-sm);border:1px solid var(--border)}.profile-menu__request-item{padding:.45rem .5rem;background:#0003;border-radius:var(--r-sm);border:1px solid var(--border);align-items:center}.profile-menu__hero{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:0 .25rem}.profile-menu__hero-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#27272a;display:grid;place-items:center;margin-bottom:.25rem}.profile-menu__hero-avatar img{width:100%;height:100%;object-fit:cover}.profile-menu__hero-initials{font-size:1.35rem;font-weight:700;color:#c7d2fe}.profile-menu__id-line{margin:0;font-size:.8rem;line-height:1.4;word-break:break-all}.profile-menu__muted{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;max-width:100%}.profile-menu__label{font-weight:600;color:var(--muted-deep)}.profile-menu__stats{display:flex;flex-wrap:wrap;gap:.65rem 1rem;justify-content:center;margin-top:.15rem}.profile-menu__link-btn{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--accent-hover);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.profile-menu__link-btn:hover{color:#a5b4fc}.profile-menu__divider{height:1px;background:var(--border-strong);margin:.85rem 0 .65rem}.profile-menu__nav{display:flex;flex-direction:column;align-items:stretch;gap:.15rem;text-align:left}.profile-menu__item{display:flex;align-items:center;gap:.6rem;padding:.5rem .55rem;border-radius:var(--r-sm);color:var(--text-secondary);text-decoration:none;font-size:.9rem;border:none;background:transparent;width:100%;text-align:left;font:inherit;cursor:pointer}.profile-menu__item:hover{background:var(--accent-soft);text-decoration:none;color:var(--text)}.profile-menu__item--danger:hover{background:#e53e3e1f;color:#feb2b2}.profile-menu__icon{flex-shrink:0;opacity:.85}.profile-menu__version{margin:.75rem 0 0;padding-top:.5rem;border-top:1px solid var(--border-strong);font-size:.72rem;color:var(--muted-deep);text-align:center}.profile-page{gap:1.25rem}.profile-page__hero{flex-wrap:wrap}.profile-page__avatar-lg{width:96px;height:96px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#27272a;display:grid;place-items:center;font-size:2rem;font-weight:700;color:#c7d2fe}.profile-page__avatar-lg img{width:100%;height:100%;object-fit:cover}.home-page{position:relative;padding-bottom:4rem}.home-page__intro{text-align:center;margin-bottom:1rem}.home-page__title{font-size:clamp(1.5rem,3.2vw,2rem);font-weight:700;letter-spacing:-.045em;margin:0 0 .4rem;color:var(--text)}.home-page__subtitle{margin:0 auto;max-width:36rem;font-size:.95rem;line-height:1.45}.home-page__search-hint{margin:.45rem 0 0;font-size:.8rem;text-align:center}.home-page__banner{border-radius:var(--r-xl);overflow:hidden;margin-bottom:1.5rem;border:1px solid var(--border-strong);background:linear-gradient(135deg,#1e1b4b,#312e81 42%,#1e3a5f);box-shadow:var(--shadow-sm),0 0 0 1px #6366f114 inset}.home-page__banner-inner{padding:1.5rem 1.75rem;text-align:center;background:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(255,255,255,.09),transparent 50%),radial-gradient(circle at 15% 100%,rgba(99,102,241,.12),transparent 45%),radial-gradient(circle at 90% 20%,rgba(56,189,248,.08),transparent 40%)}.home-page__banner-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--r-pill);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#ffffff14;color:#e0e7ff;border:1px solid rgba(255,255,255,.12)}.home-page__banner-lead{margin:.75rem 0 0;font-size:.9375rem;color:#ffffffd1;max-width:34rem;margin-left:auto;margin-right:auto;line-height:1.55;font-weight:500}.home-page__toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.65rem;margin-bottom:1rem}.home-page__btn-create{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,#6366f1,#4f46e5);border:1px solid rgba(99,102,241,.45);color:#fff;font-weight:600;padding:.6rem 1.15rem;border-radius:var(--r-md);box-shadow:0 1px #ffffff1a inset,0 6px 20px #4f46e54d;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.home-page__btn-create:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 1px #ffffff1f inset,0 10px 28px #4f46e561}.home-page__btn-create-plus{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:8px;background:#fff3;font-size:1.1rem;line-height:1}.home-page__toolbar-links{margin-left:auto;flex-wrap:wrap;gap:.4rem}.home-page__link-btn{font-size:.82rem;padding:.45rem .65rem;border-radius:8px;color:var(--muted)}.home-page__link-btn:hover{color:var(--text);text-decoration:none}.home-page__search-block{margin-bottom:.85rem}.home-page__search{width:100%;align-items:stretch;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:.4rem .5rem .4rem .65rem;gap:.6rem;box-shadow:var(--shadow-inset-top);transition:border-color .18s ease,box-shadow .18s ease}.home-page__search:focus-within{border-color:#6366f159;box-shadow:var(--shadow-inset-top),0 0 0 3px var(--accent-soft)}.home-page__search-icon{display:flex;align-items:center;color:var(--muted-deep);flex-shrink:0}.home-page__search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font:inherit;padding:.45rem .25rem}.home-page__search-input::placeholder{color:var(--muted-deep)}.home-page__search-input:focus{outline:none}.home-page__search-btn{flex-shrink:0;border-radius:10px}.home-page__filters{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.home-page__pill{flex-shrink:0;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:600;padding:.45rem 1rem;border-radius:var(--r-pill);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.home-page__pill:hover{background:#ffffff0f;color:var(--text-secondary);border-color:var(--border-strong)}.home-page__pill--active{background:var(--accent-soft);border-color:#6366f159;color:#fff;box-shadow:inset 0 0 0 1px #6366f133}.home-page__create{margin-bottom:1.25rem}.home-room-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:1.25rem}.home-room-grid--empty{display:flex;align-items:center;justify-content:center;min-height:11rem;background:var(--panel);border:1px dashed var(--border-strong);border-radius:var(--r-xl);padding:2.5rem 1.5rem;box-shadow:var(--shadow-inset-top)}.home-room-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.25rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-xs),var(--shadow-inset-top);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.home-room-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(165deg,rgba(255,255,255,.06),transparent 42%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home-room-card:hover{border-color:#6366f138;box-shadow:var(--shadow-sm),0 0 0 1px #6366f114;transform:translateY(-2px)}.home-room-card--live{border-color:#22c55e2e}.home-room-card__head{display:flex;align-items:flex-start;gap:.65rem}.home-room-card__dot{flex-shrink:0;width:8px;height:8px;margin-top:.45rem;border-radius:50%;background:var(--muted-deep);box-shadow:0 0 0 2px #ffffff0a}.home-room-card__dot--pulse{background:#22c55e;box-shadow:0 0 #22c55e73;animation:home-live-pulse 2.4s ease-out infinite}@keyframes home-live-pulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.home-room-card__titles{flex:1;min-width:0}.home-room-card__name{font-weight:700;font-size:1.0625rem;letter-spacing:-.03em;color:var(--text);line-height:1.25;word-break:break-word}.home-room-card__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.75rem;font-weight:600;color:var(--muted);margin-top:.25rem;letter-spacing:.02em}.home-room-card__meta-pill{padding:.12rem .45rem;border-radius:var(--r-sm);font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0f;color:var(--muted-deep);border:1px solid var(--border)}.home-room-card--live .home-room-card__meta-pill--live{background:#22c55e1f;color:#86efac;border-color:#22c55e40}.home-room-card__avatars{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;min-height:2.75rem;padding-left:.15rem}.home-room-card__avatar,.home-room-card__avatar--photo{width:2.375rem;height:2.375rem;border-radius:50%;display:grid;place-items:center;font-size:.625rem;font-weight:700;letter-spacing:.02em;color:#f4f4f5;background:linear-gradient(145deg,#3f3f46,#27272a);border:2px solid var(--panel);margin-left:-.5rem;box-shadow:0 2px 8px #00000059;z-index:1;transition:transform .18s ease,z-index 0s linear .18s}.home-room-card__avatars>*:first-child{margin-left:0}.home-room-card__avatars>*:hover{z-index:5;transform:translateY(-2px)}.home-room-card__avatar--empty{background:#27272a;color:var(--muted-deep);font-weight:600}.home-room-card__avatar--more{background:linear-gradient(145deg,#4338ca,#312e81);color:#e0e7ff;font-size:.6rem;z-index:3}.home-room-card__avatar--photo{padding:0;overflow:hidden}.home-room-card__avatar--photo img{width:100%;height:100%;object-fit:cover;display:block}.home-room-card__foot{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;margin-top:auto;padding-top:.15rem}.home-room-card__count{font-size:.75rem;font-weight:500;color:var(--muted);text-align:center}.home-room-card__join{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1rem;border-radius:var(--r-md);font-weight:600;font-size:.875rem;letter-spacing:.01em;text-decoration:none;color:#fff;background:linear-gradient(180deg,#6366f1,#4f46e5);border:1px solid rgba(99,102,241,.45);box-shadow:0 1px #ffffff1a inset,0 6px 18px #4f46e547;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}.home-room-card__join:hover{filter:brightness(1.06);text-decoration:none;color:#fff;transform:translateY(-1px);box-shadow:0 1px #ffffff1f inset,0 10px 26px #4f46e559}.home-room-card__join-icon{display:flex;color:currentColor;opacity:.95}.home-page__fab-stack{position:fixed;right:1.25rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:40}.home-page__fab{width:2.65rem;height:2.65rem;border-radius:50%;border:1px solid rgba(99,102,241,.45);background:linear-gradient(180deg,#6366f1,#4f46e5);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 18px #4f46e559}.home-page__fab:hover{filter:brightness(1.08)}@media(max-width:640px){.home-page__toolbar-links{margin-left:0;width:100%;justify-content:flex-start}.home-room-grid{grid-template-columns:1fr}}