:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glow-hue-1:220;--glow-hue-2:280;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}@keyframes meshGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{color:#e2e8f0;background-color:#030712;background-image:radial-gradient(circle at 15%,#3b82f626,#0000 40%),radial-gradient(circle at 85% 30%,#8b5cf61f,#0000 40%);background-size:200% 200%;min-height:100vh;margin:0;animation:25s infinite meshGradient;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}button,input,select{font-family:Inter,sans-serif}button{cursor:pointer}input,select{color:#f8fafc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #94a3b833;border-radius:12px;width:100%;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 3px #6366f126}.page-shell{z-index:1;min-height:100vh;padding:2rem 1rem 3rem;position:relative}.hero-card,.player-card,.sidebar-card{-webkit-backdrop-filter:blur(16px);background:#0f172a73;border:1px solid #ffffff14;border-radius:24px;width:min(1100px,100%);margin:0 auto;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}.hero-card{padding:2.5rem}.home-shell{background:linear-gradient(#0000001a,#020617d9 45%),radial-gradient(circle at 80% 20%,#dc262640,#0000 48%),#0f172a73;border:1px solid #ffffff0f}.home-hero{background:linear-gradient(90deg,#020617f2 30%,#02061773),radial-gradient(circle at 75% 30%,#ef444447,#0000 40%);border-bottom:1px solid #ffffff14;border-radius:24px 24px 18px 18px;margin:-2.5rem -2.5rem 2rem;padding:2.5rem}.home-title{margin:.25rem 0 .75rem;font-size:clamp(2rem,4vw,3.4rem)}.home-cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.home-row-heading{margin-top:.75rem}.home-feature-grid .panel-card,.info-grid .info-card,.saved-room-section .room-card{background:linear-gradient(#1e293bbf,#0f172abf)}.room-layout{width:min(1200px,100%);margin:0 auto}.room-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:1.5rem;display:grid}.player-card,.sidebar-card{border-radius:24px;padding:1.5rem}.room-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.eyebrow,.label,.muted-text{color:#94a3b8}.eyebrow,.label{text-transform:uppercase;letter-spacing:.1em;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.lede{color:#cbd5e1;max-width:650px;font-size:1.05rem;line-height:1.7}.stack{gap:1.25rem;display:grid}.row,.inline-actions{align-items:center;gap:.75rem;display:flex}.join-form{gap:.85rem;display:grid}.primary-button,.secondary-button{border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.25rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:1px solid #ffffff1a;box-shadow:0 4px 14px #4f46e563}.secondary-button{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bb3;border:1px solid #ffffff14}.secondary-button.small{padding:.6rem 1rem;font-size:.9rem}.primary-button:hover{background:linear-gradient(135deg,#6366f1 0%,#60a5fa 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e580}.secondary-button:hover{background:#334155cc;transform:translateY(-1px)}.primary-button:active,.secondary-button:active{transform:scale(.97)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.home-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.info-card,.panel-card,.saved-room-section,.status-pill,.code-badge,.error-box{border-radius:16px}.info-card,.panel-card,.saved-room-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff0d;padding:1.25rem}.saved-room-section{background:0 0;border:none;margin-top:1.5rem;padding:0}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.segmented-control{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061780;border:1px solid #33415599;border-radius:14px;grid-template-columns:1fr 1fr;padding:.35rem;display:grid}.segmented-control button{color:#94a3b8;background:0 0;border:none;border-radius:10px;padding:.65rem .8rem;font-weight:500;transition:all .2s}.segmented-control button.active{color:#fff;background:#1e293be6;box-shadow:0 2px 8px #0003}.saved-room-list,.playlist-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.saved-room-row,.playlist-row{background:#0f172a80;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,border-color .2s;display:flex}.saved-room-row:hover,.playlist-row:hover{border-color:#ffffff26;transform:translateY(-1px)}.playlist-row.active{background:#4f46e526;border-color:#6366f166;box-shadow:inset 0 0 20px #4f46e51a}.video-workbench{gap:1.5rem;margin-top:1.5rem;display:grid}.video-load-form{gap:.85rem;display:grid}.video-load-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;display:grid}.playlist-panel{gap:1rem;display:grid}.playlist-row{grid-template-columns:140px minmax(0,1fr) auto;align-items:center;display:grid}.playlist-thumbnail{aspect-ratio:16/9;object-fit:cover;background:#020617;border:1px solid #ffffff1a;border-radius:10px;width:140px;box-shadow:0 4px 12px #0000004d}.playlist-details{min-width:0}.playlist-details strong{text-overflow:ellipsis;white-space:nowrap;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:500;display:block;overflow:hidden}.playlist-details .muted-text{margin:.35rem 0 0;font-size:.85rem}.playlist-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.copy-url-row{gap:.75rem;margin-top:.75rem;display:grid}.copy-url-row .muted-text{overflow-wrap:anywhere;margin:0}.room-title{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.5rem 0 0;font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:700}.player-frame{aspect-ratio:16/9;z-index:10;background:#020617;border:1px solid #ffffff1a;border-radius:18px;width:100%;position:relative;box-shadow:0 0 40px #0009}.player-frame:before{content:"";filter:blur(25px);z-index:-1;opacity:.8;background:linear-gradient(135deg,#4f46e54d,#ec489933);border-radius:24px;animation:4s ease-in-out infinite alternate pulse-glow;position:absolute;inset:-15px}@keyframes pulse-glow{0%{opacity:.5;filter:blur(20px)}to{opacity:.8;filter:blur(30px)}}.player-frame iframe,.player-frame>div{z-index:1;border-radius:18px;width:100%;height:100%;position:relative}.empty-state{text-align:center;background:#0f172a4d;border:1px dashed #94a3b833;border-radius:18px;place-items:center;gap:1rem;min-height:400px;padding:3rem;display:grid}.empty-state.compact{min-height:unset;margin-top:1rem;padding:1.5rem}.status-pill{color:#c7d2fe;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f126;border:1px solid #6366f14d;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-block}.code-badge{letter-spacing:.2em;color:#a5b4fc;background:#020617cc;border:1px solid #ffffff1a;justify-content:center;align-items:center;min-width:130px;padding:.8rem 1.2rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;display:inline-flex}.user-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.user-row{background:#1e293b80;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .2s;display:flex}.user-info-group{flex:1;align-items:center;gap:.85rem;display:flex}.user-avatar-container{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.user-avatar-image,.user-avatar-placeholder{object-fit:cover;z-index:2;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #ffffff1a;border-radius:50%;width:100%;height:100%;position:relative}.user-avatar-placeholder{color:#94a3b8;justify-content:center;align-items:center;font-weight:600;display:flex}.voice-ring{z-index:1;opacity:0;opacity:var(--audio-level,0);transform:scale(.8);transform:scale(calc(1 + (var(--audio-level,0) * .35)));filter:blur(2px);background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:50%;transition:opacity .1s,transform .1s;position:absolute;inset:-4px}.user-name-text{color:#f1f5f9;align-items:center;gap:.5rem;font-weight:500;display:flex}.text-link{color:#818cf8;transition:color .2s}.text-link:hover{color:#a5b4fc}.voice-status-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:16px;margin-top:1rem;padding:1rem 1.25rem}.voice-debug-card{background:#020617b3;border:1px dashed #64748b4d;border-radius:12px;margin-top:.75rem;padding:1rem;font-family:monospace}.voice-status-card.live{background:#14532d26;border-color:#22c55e4d}.voice-status-card.idle{border-color:#ef444433}.voice-status-row{align-items:center;gap:.85rem;margin-bottom:.85rem;display:flex}.live-dot{background:#64748b;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #64748b33}.live-dot.live{background:#22c55e;animation:2s infinite pulse-dot;box-shadow:0 0 0 3px #22c55e33,0 0 10px #22c55e80}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.live-dot.idle{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.mic-meter{background:#020617cc;border:1px solid #ffffff0d;border-radius:999px;width:100%;height:6px;overflow:hidden}.mic-meter-fill{border-radius:inherit;background:linear-gradient(90deg,#4ade80,#38bdf8);height:100%;transition:width 70ms linear;display:block}.voice-debug-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.voice-debug-row{background:#0f172acc;border:1px solid #ffffff08;border-radius:8px;gap:.2rem;padding:.75rem;display:grid}.debug-text{color:#94a3b8;font-size:.75rem;line-height:1.5}.error-box{color:#fecaca;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7f1d1d4d;border:1px solid #f8717166;padding:1rem 1.25rem}@media (max-width:900px){.hero-card{padding:1.2rem}.home-hero{border-radius:20px 20px 14px 14px;margin:-1.2rem -1.2rem 1rem;padding:1.5rem}.room-grid{grid-template-columns:1fr}.room-topbar,.row{flex-direction:column;align-items:stretch}.inline-actions{flex-wrap:wrap}.saved-room-row{flex-direction:column;align-items:stretch}.video-load-row,.playlist-row{grid-template-columns:1fr;align-items:stretch}.playlist-thumbnail{aspect-ratio:16/9;width:100%}.playlist-actions{justify-content:stretch}.playlist-actions .secondary-button{flex:1}}.google-signin-container{justify-items:center;gap:.85rem;margin-top:.5rem;display:grid}.divider-with-text{color:#64748b;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1rem;margin:.5rem 0;font-size:.8rem;font-weight:600;display:flex}.divider-with-text:before,.divider-with-text:after{content:"";background:#ffffff1a;flex:1;height:1px}.room-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.room-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 10px 30px #0006,0 0 15px #6366f11a}.room-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.room-card-title{margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.creator-badge{text-transform:uppercase;letter-spacing:.08em;color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;padding:.35rem .75rem;font-size:.7rem;font-weight:600}.room-actions.inline-actions{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.secondary-button.danger{color:#fca5a5;background:#991b1b26;border-color:#f8717133}.secondary-button.danger:hover{color:#fef2f2;background:#991b1b4d;border-color:#f8717166}.user-profile-widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1rem;display:flex}.profile-avatar{object-fit:cover;border:2px solid #6366f166;border-radius:50%;width:36px;height:36px}.profile-info{flex-direction:column;display:flex}.profile-name{font-size:.95rem;font-weight:600;line-height:1.2}.profile-email{color:#94a3b8;font-size:.75rem}.diagnostic-accordion{margin-top:.75rem}.diagnostic-content{transition:max-height .3s ease-out;overflow:hidden}.search-youtube-btn{color:#a5b4fc;cursor:pointer;background:#4f46e514;border:2px dashed #6366f166;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:.85rem 1.25rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.search-youtube-btn:hover{color:#c7d2fe;background:#4f46e52e;border-color:#6366f1b3;transform:translateY(-1px)}.search-youtube-btn-icon{font-size:1.1rem}.search-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:flex-end;padding:0;animation:.2s fade-in-overlay;display:flex;position:fixed;inset:0}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.search-modal{-webkit-backdrop-filter:blur(20px);background:#0a0f1ef7;border:1px solid #ffffff1a;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:100vw;max-height:92dvh;animation:.3s cubic-bezier(.34,1.56,.64,1) slide-up;display:flex;overflow:hidden;box-shadow:0 -20px 60px #0009}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.search-modal-overlay{align-items:center;padding:1.5rem}.search-modal{border:1px solid #ffffff1a;border-radius:24px;max-width:680px;max-height:85dvh;animation:.25s cubic-bezier(.34,1.2,.64,1) zoom-in;box-shadow:0 30px 80px #0009,0 0 40px #4f46e526}@keyframes zoom-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}}.search-modal-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.search-modal-title{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.search-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s,color .2s;display:flex}.search-modal-close:hover{color:#f87171;background:#ef444433}.search-modal-form{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:1rem 1.5rem}.search-modal-input-row{align-items:center;gap:.75rem;display:flex}.search-modal-input{color:#f8fafc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #94a3b833;border-radius:12px;flex:1;width:auto;padding:.85rem 1rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-modal-input:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 3px #6366f126}.search-modal-results{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6366f14d transparent;flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.search-modal-loading,.search-modal-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:160px;font-size:.95rem;display:flex}.search-spinner{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-result-card{background:#1e293b80;border:1px solid #ffffff0d;border-radius:16px;align-items:flex-start;gap:1rem;padding:.85rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.search-result-card:hover{background:#1e293bcc;border-color:#6366f14d;transform:translateY(-1px)}.search-result-thumb{aspect-ratio:16/9;object-fit:cover;background:#020617;border-radius:10px;flex-shrink:0;width:120px}.search-result-info{flex-direction:column;flex:1;gap:.6rem;min-width:0;display:flex}.search-result-title{color:#f1f5f9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-meta{color:#fecaca;text-transform:uppercase;border:1px solid #ff5c5c73;border-radius:999px;align-self:flex-start;padding:.28rem .48rem;font-size:.72rem;font-weight:700;line-height:1}.search-result-actions{flex-wrap:wrap;gap:.5rem;display:flex}.search-result-actions .primary-button,.search-result-actions .secondary-button{border-radius:10px;padding:.5rem .9rem;font-size:.85rem}@media (max-width:480px){.search-result-card{flex-direction:column}.search-result-thumb{width:100%}.search-modal-input-row{flex-direction:column;align-items:stretch}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#111;--surface-raised:#1a1a1a;--surface-soft:#0e0e0e;--border:#ffffff14;--border-strong:#ffffff24;--accent:#f6c343;--accent-soft:#f6c3431f;--success:#22c55e;--danger:#f87171;--text:#f2f2f2;--muted:#8a8a8a;--faint:#555;--font-display:"Cabinet Grotesk", "Satoshi", sans-serif;--font-body:"Satoshi", "Inter", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--nav-h:64px}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);background-image:radial-gradient(circle at 85% 5%,#f6c3430b,#0000 34rem),linear-gradient(#0a0a0a 0%,#080808 100%);margin:0;animation:none}button,input,textarea,select{font:inherit}button{border:0}svg{display:block}@keyframes november-pulse{0%,to{opacity:1}50%{opacity:.32}}@keyframes november-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-logo{object-fit:contain;width:170px;height:auto;max-height:48px;display:block}.ambient-layer{z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,#f6c3430d,#0000 36rem),radial-gradient(circle at 8% 78%,#ffffff09,#0000 30rem);position:fixed;inset:0;overflow:hidden}.ambient-orb,.ambient-grid{display:none}.landing-page,.room-screen{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);position:relative}.landing-page>:not(.ambient-layer),.room-screen>*{z-index:1;position:relative}.app-topbar,.room-topbar{z-index:100;min-height:var(--nav-h);-webkit-backdrop-filter:blur(24px);background:#0a0a0adb;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:24px;padding:0 clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.landing-page>.app-topbar,.room-screen>.room-topbar{z-index:300}.brand-mark,.account-brand-link,.room-topbar-brand{min-width:max-content;color:var(--text);font-family:var(--font-display);letter-spacing:-.03em;background:0 0;align-items:center;gap:10px;padding:0;font-size:1rem;font-weight:800;display:inline-flex}.brand-mark{font-size:0}.brand-mark:before,.brand-mark:after{content:none}.topbar-actions,.account-topbar-actions,.room-topbar-actions,.hero-actions,.auth-cta-stack,.library-header-actions,.room-share-actions,.room-search-actions,.room-modal-actions,.account-identity-actions,.account-library-actions,.account-code-join{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topbar-button,.topbar-icon-button,.account-nav-link,.room-topbar-home-label{color:var(--muted);background:0 0;align-items:center;padding:8px 0;font-size:.86rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.topbar-icon-button{justify-content:center;align-items:center;width:auto;min-width:40px;min-height:40px;padding:0 12px;display:inline-flex}.topbar-button:after,.topbar-icon-button:after,.account-nav-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.topbar-button:hover,.topbar-icon-button:hover,.account-nav-link:hover,.room-topbar-brand:hover{color:var(--text)}.topbar-button:hover:after,.topbar-icon-button:hover:after,.account-nav-link:hover:after{transform:scaleX(1)}.topbar-button-primary,.hero-primary-button,.account-primary-button,.room-primary-button,.account-nav-button{background:var(--accent);color:#080808;letter-spacing:-.01em;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 24px;font-size:.86rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 10px 30px #f6c3431f}.topbar-button-primary:hover,.hero-primary-button:hover,.account-primary-button:hover,.room-primary-button:hover,.account-nav-button:hover{background:#f0b735;transform:translateY(-2px);box-shadow:0 16px 34px #f6c3432e}.topbar-button-primary:active,.hero-primary-button:active,.account-primary-button:active,.room-primary-button:active,.account-nav-button:active{transform:scale(.97)}.hero-secondary-button,.hero-outline-button,.account-secondary-button,.account-tertiary-button,.room-ghost-button,.room-inline-chip-button,.room-add-video-button,.room-control-button,.room-icon-button,.glass-action-button,.ghost-action-button,.room-card-button,.danger-action-button,.search-result-actions .primary-button,.search-result-actions .secondary-button{border:1px solid var(--border-strong);min-height:40px;color:var(--text);background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.82rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.hero-secondary-button:hover,.hero-outline-button:hover,.account-secondary-button:hover,.account-tertiary-button:hover,.room-ghost-button:hover,.room-inline-chip-button:hover,.room-add-video-button:hover,.room-inline-pin-button:hover,.room-control-button:hover,.room-icon-button:hover,.glass-action-button:hover,.ghost-action-button:hover,.room-card-button:hover{background:#ffffff14;border-color:#ffffff38;transform:translateY(-1px)}.room-add-video-button-primary{background:var(--accent);color:#080808;border-color:#f6c3436b;font-weight:800;box-shadow:0 12px 26px #f6c34324}.room-add-video-button-primary:hover:not(:disabled){color:#080808;background:#f0b735;border-color:#f6c34385;box-shadow:0 16px 32px #f6c34333}.account-primary-button:disabled,.account-secondary-button:disabled,.account-tertiary-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.room-card-button-primary{background:var(--accent);color:#080808;border-color:#f6c3436b;font-weight:800;box-shadow:0 10px 28px #f6c3431f}.room-card-button-primary:hover{background:#f0b735;border-color:#f6c343b8;box-shadow:0 16px 34px #f6c3432e}.room-icon-button,.room-control-button{border-radius:8px;width:40px;min-height:40px;padding:0}.topbar-profile-menu{z-index:310;position:relative}.topbar-profile-menu summary{list-style:none}.topbar-profile-menu summary::-webkit-details-marker{display:none}.topbar-avatar-button{border:1px solid var(--border-strong);min-width:52px;height:40px;color:var(--muted);cursor:pointer;background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:3px 8px 3px 3px;display:inline-flex;overflow:hidden}.topbar-avatar-button:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.topbar-avatar-button img,.topbar-avatar-button span{color:#080808;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.topbar-avatar-button img{object-fit:cover;border-radius:999px}.topbar-avatar-button span{background:linear-gradient(135deg, var(--accent), #6ee7b7);border-radius:999px;font-weight:800}.topbar-menu-panel{z-index:320;border:1px solid var(--border-strong);background:#111111fa;border-radius:10px;gap:8px;width:min(86vw,280px);padding:12px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 70px #0000006b}.topbar-menu-identity,.topbar-menu-stat{gap:4px;padding:6px 4px;display:grid}.topbar-menu-identity strong{color:var(--text);font-size:.92rem}.topbar-menu-identity span,.topbar-menu-stat span{color:var(--muted);font-size:.78rem}.topbar-menu-stat{background:#ffffff0a;border-radius:7px;grid-template-columns:1fr auto;align-items:center;padding:10px}.topbar-menu-stat strong{color:var(--accent)}.topbar-menu-divider{background:var(--border);height:1px}.topbar-menu-item{min-height:38px;color:var(--text);text-align:left;background:0 0;border-radius:7px;padding:0 10px}.topbar-menu-item:hover{background:#ffffff0f}.topbar-menu-item-danger{color:#fca5a5}.room-icon-button svg,.room-control-button svg,.account-nav-button svg,.account-tertiary-button svg,.room-add-video-button svg,.room-inline-chip-button svg,.account-room-action svg,.room-mobile-tab svg{width:17px;height:17px}.room-icon-button-small{width:30px;min-height:30px}.feedback-stack,.room-toast-stack{z-index:200;gap:8px;width:min(92vw,520px);display:grid;position:fixed;top:76px;left:50%;transform:translate(-50%)}.feedback-banner,.room-toast{border:1px solid var(--border-strong);border-left:3px solid var(--accent);background:var(--surface-raised);color:var(--text);border-radius:8px;padding:12px 18px;font-size:.84rem;animation:.24s cubic-bezier(.16,1,.3,1) november-enter;box-shadow:0 20px 50px #00000073}.feedback-banner-success,.room-toast-success{border-left-color:var(--success)}.feedback-banner-error,.room-toast-error{border-left-color:var(--danger)}.landing-main{width:min(1440px,100%);margin:0 auto;padding:clamp(48px,6vw,96px) clamp(20px,5vw,64px)}.hero-split{min-height:calc(100dvh - var(--nav-h) - 40px);grid-template-columns:minmax(0,1.15fr) minmax(320px,440px);align-items:end;gap:clamp(24px,4vw,64px);display:grid}.hero-column{align-content:end;gap:28px;min-height:72dvh;display:grid}.live-pill,.status-badge,.account-status-pill,.room-ready-chip,.room-voice-live-badge,.room-sync-badge,.room-sync-indicator,.room-code-chip{width:max-content;min-height:28px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#f6c34312;border:1px solid #f6c34338;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.live-pill-dot,.status-badge-dot,.account-status-dot,.room-ready-dot,.room-live-dot,.room-sync-switch-thumb,.room-sync-dot{background:var(--success);border-radius:999px;width:7px;height:7px;animation:2s ease-in-out infinite november-pulse;box-shadow:0 0 14px #22c55eb3}.status-badge{color:#ffffffb8;background:#ffffff12;border-color:#ffffff1f;min-height:24px;padding:4px 9px}.status-badge-live,.status-badge-ready{color:var(--accent);background:#f6c34317;border-color:#f6c34338}.status-badge-idle .status-badge-dot{box-shadow:none;background:#ffffff94;animation:none}.status-badge-idle{color:#ffffffd6;background:#ffffff17;border-color:#ffffff2e}.hero-copy{gap:22px;display:grid}.hero-title{max-width:11ch;color:var(--text);font-family:var(--font-display);letter-spacing:0;text-align:left;margin:0;font-size:clamp(3.6rem,8.2vw,7.8rem);line-height:.86}.hero-title span{color:var(--accent)}.hero-lede{max-width:52ch;color:var(--muted);margin:0;font-size:clamp(.98rem,1.15vw,1.06rem);line-height:1.62}.room-code-panel,.auth-shell,.feature-card,.library-shell,.account-identity-bar,.account-profile-card,.account-room-card,.account-empty-state,.room-modal-card,.search-modal,.room-mobile-panel-card,.room-recommendation-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 80px #00000047}.room-code-panel{max-width:540px;padding:20px}.room-code-heading{gap:8px;display:grid}.section-kicker,.feature-eyebrow,.account-section-label,.room-panel-kicker,.room-panel-label,.field-label,.room-panel-subtitle{color:#ffffff61;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:inline-flex}.room-code-shell{cursor:text;grid-template-columns:repeat(6,40px);gap:8px;width:max-content;margin-top:12px;display:grid;position:relative}.room-code-native{opacity:0;position:absolute;inset:0}.room-code-slot{height:48px;color:var(--text);font-family:var(--font-mono);border-bottom:1px solid #ffffff38;place-items:center;font-size:1.2rem;display:grid}.room-code-slot-filled{border-bottom-color:var(--accent)}.room-code-footer,.library-header,.account-library-header,.room-recommendations-header{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.room-code-footer{justify-content:flex-start}.room-code-note,.section-copy,.auth-card-copy,.room-inline-note,.account-profile-form p,.account-empty-state p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.auth-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111e6;align-self:center;padding:28px}.auth-card-content,.auth-form,.auth-field-stack,.auth-cta-stack,.room-create-form{gap:16px;display:grid}.room-create-form{border:1px solid var(--border);background:#ffffff09;border-radius:10px;padding:16px}.google-shell{justify-content:center;align-items:center;width:100%;min-height:44px;margin:12px 0;display:flex;overflow:hidden;background:0 0!important}#google-signin-button{background:0 0;border-radius:999px;justify-content:center;width:min(100%,382px);line-height:0;display:flex;overflow:hidden}#google-signin-button>div,#google-signin-button iframe{background:0 0!important;border-radius:999px!important;max-width:100%!important}.auth-card-title,.section-title{color:var(--text);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.auth-summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.summary-tile{border:1px solid var(--border);background:#ffffff09;border-radius:10px;align-content:center;gap:8px;min-height:82px;padding:14px;display:grid}.summary-value{color:var(--text);font-family:var(--font-display);font-size:1.6rem;line-height:1}.summary-label{color:var(--muted);font-size:.78rem}.auth-field-stack input,.account-room-input,.room-search-input,.room-empty-inline-form input,.room-rename-input,.room-chat-input,.room-guest-form input,.search-modal-input{width:100%;min-height:42px;color:var(--text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0b;border:1px solid #ffffff17;border-radius:6px;padding:0 12px}.auth-field-stack input:focus,.account-room-input:focus,.room-search-input:focus,.room-empty-inline-form input:focus,.room-rename-input:focus,.room-chat-input:focus,.room-guest-form input:focus,.search-modal-input:focus,.room-device-select:focus{border-color:#f6c34373;outline:none;box-shadow:0 0 0 3px #f6c34314}.mode-toggle{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mode-toggle button{min-height:34px;color:var(--muted);background:0 0;border-radius:5px}.mode-toggle .is-active{background:var(--surface-raised);color:var(--text)}.profile-chip,.topbar-profile,.account-identity-main,.room-participant-main,.room-chat-meta,.room-player-meta,.room-side-title-row,.room-panel-heading-row,.room-code-cluster,.room-voice-status-header,.room-slider-label-row,.room-slider-range-labels{align-items:center;gap:12px;display:flex}.room-topbar-meta{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.room-topbar-members{position:relative}.profile-chip-avatar,.account-avatar,.room-avatar-fallback,.room-chat-avatar{background:linear-gradient(135deg, var(--accent), #6ee7b7);color:#080808;border-radius:999px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;overflow:hidden}.account-avatar img,.account-avatar span{place-items:center;width:100%;height:100%;display:grid}.account-avatar img{object-fit:cover}.profile-chip-copy,.topbar-profile-copy,.account-identity-copy,.room-playlist-copy,.room-participant-copy,.room-recommendation-copy{gap:3px;min-width:0;display:grid}.profile-chip-copy span,.topbar-profile-meta,.room-playlist-copy span,.room-participant-meta,.room-recommendation-copy span,.room-timecode,.account-room-meta{color:var(--muted);font-size:.78rem}.room-playlist-meta{align-items:center;gap:6px;min-width:0;display:flex}.room-playlist-meta>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-source-badge{color:#f6d245;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#f6c34314;border:1px solid #f6c3432e;border-radius:6px;flex:none;max-width:94px;padding:2px 6px;font-size:.64rem;font-weight:900;line-height:1.1;overflow:hidden}.feature-band,.library-shell,.account-library{margin-top:clamp(72px,10vw,140px)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.platform-rail{border-block:1px solid #ffffff14;margin-top:clamp(48px,7vw,88px);padding-block:clamp(18px,3vw,30px);overflow:hidden}.platform-marquee-track{width:100%;overflow:hidden}.platform-marquee-inner{gap:clamp(16px,2.5vw,28px);width:max-content;animation:18s linear infinite marquee-scroll;display:flex}.platform-marquee-inner:hover{animation-play-state:paused}.platform-logo-slot{background:#ffffff06;border:1px solid #ffffff13;border-radius:10px;flex-shrink:0;place-items:center;min-width:clamp(160px,20vw,240px);min-height:80px;padding:10px 20px;transition:background .2s,border-color .2s;display:grid}.platform-logo-slot:hover{background:#ffffff0e;border-color:#ffffff26}.platform-logo{object-fit:contain;width:100%;max-width:200px;height:auto;max-height:64px;display:block}.platform-logo-drive{max-width:200px;max-height:66px}.platform-logo-youtube{max-width:200px;max-height:52px}.platform-logo-netflix{max-width:200px;max-height:62px}.platform-logo-crunchyroll{max-width:210px;max-height:58px}.room-preview-section{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(24px,4vw,56px);margin-top:clamp(44px,7vw,92px);display:grid}.room-preview-copy{gap:18px;display:grid}.room-preview-lede{max-width:56ch}.room-preview-points{gap:12px;margin-top:4px;display:grid}.room-preview-point{border:1px solid var(--border);background:#ffffff09;border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:14px;min-height:88px;padding:16px;display:grid}.room-preview-point>span{width:42px;height:42px;color:var(--accent);font-family:var(--font-mono);background:#f6c34314;border:1px solid #f6c34342;border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.room-preview-point h3{color:var(--text);font-family:var(--font-display);margin:0 0 7px;font-size:1.08rem;line-height:1.05}.room-preview-point p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.room-preview-frame{aspect-ratio:16/9;background:#050505;border:1px solid #ffffff1f;border-radius:10px;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 28px 90px #0006}.room-preview-frame:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 22%),linear-gradient(90deg,#f6c34314,#0000 34%);position:absolute;inset:0}.room-preview-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.room-preview-section+.feature-band{margin-top:clamp(56px,8vw,104px)}.section-heading-block{gap:10px;margin-bottom:22px;display:grid}.feature-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.feature-card{min-height:220px;padding:40px}.feature-card-featured{background:linear-gradient(180deg, #f6c34308, #f6c3431a), var(--surface);flex-direction:column;grid-row:span 2;justify-content:flex-end;min-height:420px;display:flex}.feature-card h3{color:var(--text);font-family:var(--font-display);margin:18px 0 10px;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1}.feature-card p{max-width:52ch;color:var(--muted);margin:0;line-height:1.65}.feature-card-tertiary,.feature-card-secondary{min-height:180px}.room-bento-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.room-bento-card,.room-create-card{border:1px solid var(--border);background-color:var(--surface);background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:260px;padding:24px;display:flex}.room-bento-card-featured{grid-column:span 2}.room-bento-badges,.room-bento-actions,.room-card-actions{flex-wrap:wrap;gap:8px;display:flex}.room-badge,.account-room-status,.room-role-chip,.room-count-badge,.room-panel-count{width:max-content;min-height:22px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff14;border-radius:999px;align-items:center;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.room-badge-live,.account-room-status-live,.room-badge-host,.room-role-chip{color:var(--accent);background:#f6c3431a}.room-bento-copy h3{font-family:var(--font-display);margin:0 0 8px;font-size:1.5rem}.room-bento-copy p{color:var(--muted);margin:0}.room-meta{color:#ffffff9e;margin-top:12px;font-size:.78rem;display:inline-flex}.room-create-card{color:var(--text);text-align:left;align-items:flex-start}.room-create-icon{background:var(--accent);color:#080808;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1.8rem;display:grid}.signed-nav-links{align-items:center;gap:18px;margin-left:auto;display:flex}.signed-nav-links button{min-height:40px;color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;font-size:.84rem;font-weight:650;display:inline-flex;position:relative}.signed-nav-links button:hover{color:var(--text)}.signed-nav-links button>span:not(.signed-bell-icon):not(.signed-notification-badge){background:#f43f5e;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 5px #f43f5e1f}.signed-notification-button{justify-content:center;width:40px;padding:0}.signed-bell-icon{border:2px solid;border-bottom:0;border-radius:9px 9px 4px 4px;width:16px;height:17px;position:relative}.signed-bell-icon:before{content:"";background:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;top:-5px;left:5px}.signed-bell-icon:after{content:"";background:currentColor;border-radius:999px;width:6px;height:2px;position:absolute;bottom:-5px;left:4px}.signed-notification-badge{color:#fff;background:#f43f5e;border:2px solid #111;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:800;line-height:1;display:grid;position:absolute;top:4px;right:1px}.topbar-create-button,.topbar-join-button{background:var(--accent);color:#080808;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.82rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 10px 30px #f6c3431f}.topbar-join-button{border:1px solid var(--border);color:var(--text);box-shadow:none;background:#ffffff0b}.topbar-create-button:hover,.topbar-join-button:hover{transform:translateY(-2px)}.topbar-create-button:hover{background:#f0b735;box-shadow:0 16px 34px #f6c3432e}.topbar-join-button:hover{color:var(--accent);border-color:#f6c34352}.topbar-create-button:active,.topbar-join-button:active{transform:scale(.97)}.signed-home{gap:18px;display:grid}.signed-greeting-strip,.signed-section{border:1px solid var(--border);background:#111111d1;border-radius:10px;box-shadow:0 24px 80px #0000003d}.signed-greeting-strip{justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.signed-greeting-identity,.signed-greeting-actions,.signed-code-join,.signed-section-header,.signed-room-title-row,.signed-room-actions{align-items:center;gap:14px;display:flex}.signed-greeting-identity{min-width:0}.signed-code-join{flex-wrap:nowrap}.signed-code-join input{border:1px solid var(--border-strong);width:132px;min-height:40px;color:var(--text);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;background:#ffffff0a;border-radius:6px;outline:none;padding:0 12px;font-size:.82rem;font-weight:700}.signed-code-join input::placeholder{color:var(--faint)}.signed-code-join input:focus{border-color:#f6c34375;box-shadow:0 0 0 3px #f6c3431a}.dashboard-room-code-input{font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-weight:800}.signed-room-delete-button:hover{color:var(--danger);border-color:#f871715c}.signed-greeting-avatar{border:1px solid var(--border-strong);background:#ffffff0f;border-radius:999px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.signed-greeting-avatar img,.signed-greeting-avatar span{width:100%;height:100%}.signed-greeting-avatar img{object-fit:cover}.signed-greeting-avatar span{background:linear-gradient(135deg, var(--accent), #6ee7b7);color:#080808;place-items:center;font-weight:800;display:grid}.signed-greeting-strip h1{color:var(--text);font-family:var(--font-display);letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(1.35rem,3vw,2.05rem);line-height:1}.signed-section{min-width:0;padding:24px}.signed-section-header{justify-content:space-between;margin-bottom:18px}.signed-section-header.compact{margin-bottom:14px}.signed-search-shell{width:min(100%,280px)}.signed-search-shell input{min-height:40px}.signed-room-tabs{scrollbar-width:none;gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.signed-room-tabs::-webkit-scrollbar{display:none}.signed-room-row::-webkit-scrollbar{display:none}.watch-history-row::-webkit-scrollbar{display:none}.signed-room-tabs button{border:1px solid var(--border);min-height:38px;color:var(--muted);background:#ffffff09;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 13px;font-size:.8rem;font-weight:700;display:inline-flex}.signed-room-tabs button.is-active{color:var(--accent);background:#f6c34317;border-color:#f6c34357}.signed-room-tabs button span{color:currentColor;background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;min-width:22px;min-height:22px;padding:0 7px;font-size:.72rem;display:inline-flex}.signed-room-row,.watch-history-row{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(280px,360px);grid-auto-flow:column;gap:14px;padding:2px 2px 10px;display:grid;overflow-x:auto}.signed-room-card,.watch-history-card,.activity-row,.up-next-card,.signed-empty-state{border:1px solid var(--border);background:#ffffff09;border-radius:10px}.signed-room-card{scroll-snap-align:start;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.signed-room-card:hover{border-color:#f6c34347;transform:scale(1.015);box-shadow:0 20px 56px #00000052}@keyframes signed-live-border{0%,to{box-shadow:0 0 0 1px #f43f5e29,0 18px 50px #f43f5e0f}50%{box-shadow:0 0 0 3px #f43f5e42,0 18px 58px #f43f5e1f}}.signed-room-art{background-color:#121212;background-image:linear-gradient(135deg,#f6c34314,#6ee7b712),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:flex-end;min-height:168px;padding:12px;display:flex;position:relative;overflow:hidden}.signed-room-art:after{content:"";background:0 0;transition:background .18s;position:absolute;inset:0}.signed-room-card:hover .signed-room-art:after{background:#00000052}.signed-room-art-fallback{z-index:2;background:#0808088a;border:1px dashed #f6c34342;border-radius:8px;gap:7px;width:100%;padding:12px;display:grid;position:relative}.signed-room-art-fallback span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:850}.signed-room-art-fallback strong{color:var(--text);font-family:var(--font-display);overflow-wrap:anywhere;font-size:1rem;line-height:1.05}.signed-room-topline{z-index:2;justify-content:space-between;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.signed-pin-button{color:#ffffffc2;background:#0808089e;border:1px solid #ffffff26;border-radius:999px;min-height:28px;padding:0 9px;font-size:.7rem;font-weight:800}.signed-pin-button:hover{color:var(--accent);border-color:#f6c34366}.signed-pin-button-active{color:var(--accent);background:#f6c34329;border-color:#f6c34380}.notification-inbox-shell{z-index:30;position:relative}.notification-inbox-trigger{border:1px solid var(--border);width:40px;height:40px;color:var(--text);background:#ffffff0e;border-radius:999px;place-items:center;display:grid;position:relative}.notification-inbox-trigger svg{width:18px;height:18px}.notification-inbox-trigger:hover{color:var(--accent);border-color:#f6c3436b}.notification-inbox-badge{border:2px solid var(--surface);color:#fff;background:#f43f5e;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:900;display:grid;position:absolute;top:-4px;right:-4px}.notification-inbox-panel{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;gap:12px;width:min(380px,92vw);max-height:min(620px,100vh - 110px);padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 26px 70px #0000008c}.notification-inbox-header,.notification-inbox-item,.notification-inbox-actions,.notification-toast-actions{align-items:center;gap:10px;display:flex}.notification-inbox-header{justify-content:space-between}.notification-inbox-header>div:first-child{gap:2px;display:grid}.notification-inbox-kicker{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:850}.notification-inbox-list{gap:8px;display:grid}.notification-inbox-item{border:1px solid var(--border);background:#ffffff09;border-radius:8px;align-items:flex-start;padding:10px}.notification-inbox-item-dismissed{opacity:.68}.notification-inbox-avatar{background:linear-gradient(135deg, var(--accent), #6ee7b7);color:#080808;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:900;display:grid;overflow:hidden}.notification-inbox-avatar img{object-fit:cover;width:100%;height:100%}.notification-inbox-copy{flex:auto;gap:3px;min-width:0;display:grid}.notification-inbox-copy strong,.notification-inbox-copy p,.notification-inbox-copy span{text-overflow:ellipsis;min-width:0;overflow:hidden}.notification-inbox-copy strong{color:var(--text);font-size:.86rem}.notification-inbox-copy p,.notification-inbox-copy span,.notification-inbox-empty{color:var(--muted);margin:0;font-size:.8rem;line-height:1.4}.notification-inbox-actions{flex-direction:column;align-items:stretch}.notification-inbox-action{border:1px solid var(--border);min-height:30px;color:var(--text);border-radius:7px;flex:none;padding:0 10px;font-size:.76rem;font-weight:800}.notification-inbox-action:first-child{color:#080808;background:#f6c343f0;border-color:#f6c34373}.notification-inbox-error{color:#fecdd3;background:#fb718514;border:1px solid #fb718559;border-radius:8px;padding:9px 10px;font-size:.8rem}.notification-toast-stack{z-index:80;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:82px;right:18px}.notification-toast{color:var(--text);pointer-events:auto;background:#111113f5;border:1px solid #f6c3433d;border-radius:10px;gap:12px;padding:14px;display:grid;box-shadow:0 20px 60px #0000006b}.notification-toast strong{font-size:.9rem;display:block}.notification-toast p{color:var(--muted);margin:3px 0 0;font-size:.82rem;line-height:1.4}.notification-toast-actions{justify-content:flex-end}.notification-toast-actions button{border:1px solid var(--border);min-height:32px;color:var(--text);border-radius:8px;padding:0 12px;font-size:.78rem;font-weight:850}.notification-toast-actions button:first-child{color:#080808;background:#f6c343f0;border-color:#f6c34373}.signed-room-overlay-button{z-index:3;color:#080808;opacity:0;background:#f6c343f2;border:1px solid #f6c34380;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:.82rem;font-weight:850;transition:opacity .18s,transform .18s,background .18s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)scale(.96)}.signed-room-card:hover .signed-room-overlay-button,.signed-room-overlay-button:focus-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.signed-room-body{gap:10px;padding:16px;display:grid}.signed-room-title-row{justify-content:space-between;align-items:flex-start}.signed-room-rename-form{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;width:100%;display:grid}.signed-room-rename-form input{border:1px solid var(--border-strong);min-width:0;min-height:36px;color:var(--text);font:inherit;background:#ffffff0d;border-radius:6px;outline:none;padding:0 10px}.signed-room-rename-form input:focus{border-color:#f6c34375;box-shadow:0 0 0 3px #f6c3431a}.signed-room-title-row h3,.activity-row strong,.watch-history-copy strong,.up-next-card strong,.signed-empty-state strong{color:var(--text);margin:0;font-size:.98rem;line-height:1.25}.signed-room-body p,.activity-row span,.watch-history-copy span,.up-next-card p,.signed-empty-state p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.signed-avatar-stack{flex:none;padding-left:8px;display:flex}.signed-avatar-stack span{width:28px;height:28px;color:var(--accent);background:#202020;border:2px solid #111;border-radius:999px;place-items:center;margin-left:-8px;font-size:.7rem;font-weight:800;display:grid}.signed-room-actions{flex-wrap:wrap;margin-top:4px}.signed-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;display:grid}.activity-list{gap:8px;display:grid}.activity-row{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;display:grid}.activity-art{aspect-ratio:16/9;width:72px;color:var(--accent);background-color:#141414;background-image:linear-gradient(135deg,#f6c3431a,#6ee7b714),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff1a;border-radius:7px;place-items:center;font-weight:800;display:grid;overflow:hidden}.activity-row div{gap:3px;min-width:0;display:grid}.activity-row p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;line-height:1.35;overflow:hidden}.up-next-card,.signed-empty-state{gap:10px;padding:18px;display:grid}.up-next-time{width:max-content;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff12;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.watch-history-card{scroll-snap-align:start;gap:10px;padding:10px;display:grid;position:relative}.watch-history-thumb{background:#0c0c0c;border-radius:7px;padding-bottom:7px;position:relative;overflow:hidden}.watch-history-card img{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#f6c34314,#6ee7b712),#121212;border-radius:7px 7px 0 0;width:100%;display:block}.watch-progress{background:#ffffff29;border-radius:0;height:7px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.watch-progress span{border-radius:inherit;background:#f43f5e;height:100%;display:block}.watch-history-copy{gap:4px;min-width:0;display:grid}.watch-history-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signed-empty-state{align-content:center;justify-items:start;min-height:178px}.signed-empty-state.compact{min-height:130px}.signed-skeleton-card{grid-template-rows:auto auto;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:14px;min-height:190px;padding:14px;display:grid}.signed-skeleton-card div,.signed-skeleton-card span,.signed-skeleton-card strong{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/180% 100%;border-radius:8px;animation:1.4s ease-in-out infinite signed-skeleton;display:block}.signed-skeleton-card div{grid-row:1/3;min-height:170px}.signed-skeleton-card span{align-self:end;width:78%;height:16px}.signed-skeleton-card strong{align-self:start;width:54%;height:38px}@keyframes signed-skeleton{to{background-position:-180% 0}}.account-page-shell{z-index:1;gap:32px;width:min(1180px,100%);padding-top:32px;display:grid;position:relative}.account-page>.account-topbar{z-index:1000;overflow:visible}.account-page .account-topbar-actions,.account-page .account-menu-shell{z-index:1001;position:relative;overflow:visible}.account-page .account-menu{z-index:1002}.account-avatar-large{width:52px;height:52px}.account-avatar-small{width:30px;height:30px;font-size:.76rem}.account-avatar-picker{grid-column:1/-1;gap:12px;display:grid}.account-avatar-picker-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-inline-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;font-size:.8rem;font-weight:800}.account-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;display:grid}.account-avatar-option{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:8px;place-items:center;padding:3px;display:grid}.account-avatar-option img{object-fit:cover;border-radius:6px;width:100%;height:100%}.account-profile-save{grid-column:1/-1;justify-self:end}.account-identity-bar{justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}.account-identity-title-row,.account-menu-trigger,.account-room-card-top,.account-room-actions{align-items:center;gap:10px;display:flex}.account-identity-title-row strong,.account-room-name{color:var(--text);font-size:1rem}.account-identity-email,.account-identity-provider{color:var(--muted);font-size:.82rem}.account-identity-provider{align-items:center;gap:7px;display:inline-flex}.account-provider-mark{width:14px;height:14px}.account-profile-card{padding:24px 28px}.account-profile-form{grid-template-columns:1.1fr minmax(180px,300px) minmax(180px,300px) auto;align-items:end;gap:18px;display:grid}.account-identity-username{color:var(--accent);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.account-friends-card{gap:22px;margin-top:18px;display:grid}.account-friends-header,.account-friend-search,.account-friend-row{align-items:center;gap:12px;display:flex}.account-friends-header{justify-content:space-between}.account-friends-header p{color:var(--muted);margin:0}.account-friend-search{align-items:stretch}.account-friend-search .account-room-input{flex:auto}.account-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.account-friends-list{align-content:start;gap:10px;display:grid}.account-friend-row{border:1px solid var(--border);background:#ffffff09;border-radius:8px;min-height:52px;padding:10px}.account-friend-copy{flex:auto;gap:2px;min-width:0;display:grid}.account-friend-copy strong,.account-friend-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-friend-copy span,.account-empty-inline{color:var(--muted);font-size:.82rem}.account-empty-inline{padding:12px 0}.account-library-header{margin-top:0}.account-library-actions{justify-content:flex-end}.account-code-join{flex-wrap:nowrap}.account-code-join .account-secondary-button{flex:none}.account-code-input{border:1px solid var(--border-strong);width:132px;min-height:40px;color:var(--text);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;background:#ffffff0a;border-radius:6px;outline:none;padding:0 12px;font-size:.82rem;font-weight:700}.account-code-input::placeholder{color:var(--faint)}.account-code-input:focus{border-color:#f6c34375;box-shadow:0 0 0 3px #f6c3431a}.account-library-divider{background:var(--border);height:1px;margin:14px 0 28px}.account-empty-state{text-align:center;place-items:center;gap:14px;min-height:340px;padding:64px 32px;display:grid}.account-empty-state h2{font-family:var(--font-display);margin:0;font-size:1.25rem}.account-empty-icon{color:#ffffff24;width:52px;height:52px}.account-room-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.account-room-card{gap:18px;padding:22px;transition:transform .16s,background .16s;display:grid}.account-room-card:hover{background:var(--surface-raised);transform:translateY(-2px)}.account-room-meta{gap:4px;display:grid}.account-room-action{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:#ffffff0a;border-radius:7px;place-items:center;display:grid}.account-room-action:hover{color:var(--accent);border-color:#f6c3434d}.account-room-remove-button{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.account-room-remove-button svg{width:16px;height:16px}.account-segmented-control{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.account-segmented-control button{min-height:40px;color:var(--muted);background:0 0;border:0;font-size:.78rem;font-weight:800}.account-segmented-control button.is-active{color:var(--accent);background:#f6c3431f}.account-room-action-danger:hover,.account-menu-item-danger:hover,.danger-action-button:hover,.room-card-button-danger:hover,.account-room-remove-button:hover{color:var(--danger);border-color:#f871715c}.account-room-privacy-button:hover,.account-room-privacy-button:focus-visible{color:var(--accent);border-color:#f6c34352}.account-menu-shell{z-index:310;position:relative}.account-menu-trigger{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:4px 8px 4px 4px}.account-menu-chevron{width:14px;height:14px}.account-menu{z-index:320;border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:10px;min-width:220px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0000008c}.account-menu-copy{gap:3px;padding:8px;display:grid}.account-menu-copy span{color:var(--muted);font-size:.78rem}.account-menu-divider{background:var(--border);height:1px;margin:8px 0}.account-menu-item{width:100%;min-height:36px;color:var(--muted);text-align:left;background:0 0;border-radius:6px;padding:0 8px}.account-menu-item:hover{color:var(--text);background:#ffffff0f}.account-room-modal-overlay,.room-modal-overlay,.search-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.landing-page>.account-room-modal-overlay,.room-screen>.room-modal-overlay,.room-screen>.search-modal-overlay{z-index:1000;position:fixed;inset:0}.account-room-modal{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;width:min(460px,100%);padding:28px;animation:.24s cubic-bezier(.16,1,.3,1) november-enter;box-shadow:0 32px 80px #000000a6}.account-room-modal-form,.auth-modal-header,.room-guest-form{gap:16px;display:grid}.account-dashboard-shell{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.account-sidebar,.account-main-panel{border:1px solid var(--border);background:#111111e0;border-radius:10px;box-shadow:0 24px 80px #00000047}.account-sidebar{top:calc(var(--nav-h) + 24px);gap:18px;padding:22px;display:grid;position:sticky}.account-sidebar-avatar-button{cursor:pointer;background:0 0;border-radius:999px;justify-self:center;place-items:center;width:82px;height:82px;padding:0;display:grid;position:relative}.account-sidebar-avatar-button .account-avatar-large{border:1px solid #f6c34347;width:72px;height:72px;box-shadow:0 0 0 5px #f6c3430f}.account-avatar-edit-badge{background:var(--accent);color:#080808;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:6px;right:3px;box-shadow:0 10px 24px #00000052}.account-avatar-edit-badge svg{width:14px;height:14px}.account-sidebar-identity{text-align:center;justify-items:center;gap:7px;min-width:0;display:grid}.account-sidebar-identity strong{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.account-sidebar-identity .account-identity-email{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.account-sidebar-divider,.account-panel-section-divided{border-top:1px solid var(--border)}.account-sidebar-nav{gap:6px;display:grid}.account-sidebar-nav button,.account-mobile-tabbar button{min-height:42px;color:var(--muted);background:0 0;border:1px solid #0000;align-items:center;gap:10px;font-size:.84rem;font-weight:700;display:flex;position:relative}.account-sidebar-nav button{text-align:left;border-radius:7px;justify-content:flex-start;padding:0 10px 0 13px}.account-sidebar-nav button:before{content:"";background:0 0;border-radius:999px;width:3px;position:absolute;top:9px;bottom:9px;left:0}.account-sidebar-nav button svg,.account-mobile-tabbar button svg{flex:none;width:17px;height:17px}.account-sidebar-nav button span,.account-mobile-tabbar button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-sidebar-nav button em,.account-mobile-tabbar button em{min-width:20px;height:20px;color:var(--accent);background:#f6c3431f;border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font-size:.68rem;font-style:normal;font-weight:900;display:grid}.account-sidebar-nav button:hover,.account-sidebar-nav button.is-active{color:var(--text);background:#f6c34312;border-color:#f6c34329}.account-sidebar-nav button.is-active:before{background:var(--accent);box-shadow:0 0 16px #f6c3437a}.account-main-panel{min-height:680px;padding:clamp(22px,3vw,34px)}.account-tab-panel{gap:24px;display:grid}.account-panel-header,.account-account-row,.account-danger-actions,.account-row-actions,.account-room-title-cluster{align-items:center;gap:12px;display:flex}.account-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:18px}.account-panel-header h1{color:var(--text);font-family:var(--font-display);letter-spacing:0;margin:6px 0 0;font-size:clamp(1.22rem,2vw,1.75rem);line-height:1.08}.account-profile-form-tabbed{grid-template-columns:1fr;align-items:stretch;gap:20px}.account-profile-form-tabbed .account-profile-field{gap:9px;display:grid}.account-avatar-picker-header{min-height:40px}.account-google-photo-button{min-height:36px}.account-google-photo-button .account-provider-mark{width:16px;height:16px}.account-avatar-grid{scroll-snap-type:x proximity;gap:10px;padding:3px 3px 10px;display:flex;overflow:auto hidden}.account-avatar-option{scroll-snap-align:start;flex:0 0 58px;width:58px;height:58px}.account-avatar-option-active{border-color:var(--accent);box-shadow:0 0 0 2px #f6c34347,0 0 24px #f6c3432e}.account-profile-save{justify-self:end}.account-panel-section{gap:12px;display:grid}.account-panel-section-divided{padding-top:22px}.account-friend-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.account-friends-list{gap:8px}.account-friend-row{background:#ffffff08;gap:12px;padding:12px}.account-row-actions{justify-content:flex-end;margin-left:auto}.account-room-grid{grid-template-columns:1fr}.account-room-card{border-radius:8px}.account-room-title-cluster{min-width:0}.account-room-title-cluster svg{width:22px;height:22px;color:var(--accent);flex:none}.account-room-actions{flex-wrap:wrap}.account-room-actions .account-secondary-button svg{width:16px;height:16px}.account-toggle-row{width:max-content;color:var(--muted);background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;font-size:.8rem;font-weight:700;display:flex}.account-toggle-row:disabled{cursor:not-allowed;opacity:.62}.account-toggle-switch{border:1px solid var(--border-strong);background:#ffffff14;border-radius:999px;width:44px;height:24px;transition:background .16s,border-color .16s;position:relative}.account-toggle-switch span{background:#ffffffb8;border-radius:999px;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.account-toggle-row.is-active{color:var(--accent)}.account-toggle-row.is-active .account-toggle-switch{background:#f6c34329;border-color:#f6c3437a}.account-toggle-row.is-active .account-toggle-switch span{background:var(--accent);transform:translate(20px)}.account-create-room-card{min-height:74px;color:var(--accent);background:#f6c3430b;border:1px dashed #f6c34352;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.account-create-room-card svg{width:18px;height:18px}.account-empty-state-panel{min-height:260px;box-shadow:none;border-radius:8px}.account-account-row{justify-content:space-between}.account-account-row p{color:var(--text);margin:6px 0 0}.account-provider-badge{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;min-height:34px;padding:0 10px}.account-code-join-panel{justify-content:flex-start}.account-code-join-panel .account-code-input{width:min(100%,280px)}.account-danger-actions{flex-wrap:wrap}.account-mobile-tabbar{display:none}.auth-modal-close{float:right;width:32px;height:32px;color:var(--muted);background:#ffffff0f;border-radius:8px}.site-footer{color:var(--faint);flex-wrap:wrap;justify-content:center;gap:18px;padding:32px 0 0;font-size:.8rem;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}.site-footer a[aria-current=page]{color:var(--text);text-underline-offset:5px;font-weight:800;text-decoration:underline}.landing-footer{width:min(1440px,100%);margin:0 auto;padding:0 clamp(20px,5vw,64px) 40px}.legal-page{background:var(--bg);min-height:100dvh;color:var(--text);padding:clamp(24px,4vw,48px) clamp(20px,5vw,64px);position:relative;overflow:hidden}.legal-page>:not(.ambient-layer){z-index:1;position:relative}.legal-brand{min-height:40px;color:var(--text);font-family:var(--font-display);align-items:center;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.legal-brand-logo{object-fit:contain;width:clamp(142px,22vw,178px);height:auto;max-height:46px;display:block}.legal-panel,.about-hero,.about-letter-flow,.about-letter{width:min(1040px,100%);margin-inline:auto}.legal-panel{border:1px solid var(--border);background:#111111b8;border-radius:10px;gap:18px;margin-top:clamp(64px,10vw,120px);padding:clamp(28px,5vw,56px);display:grid;box-shadow:0 24px 80px #00000047}.legal-panel h1,.about-hero h1,.about-letter-section h2{color:var(--text);font-family:var(--font-display);margin:0;line-height:1}.legal-panel h1{max-width:760px;font-size:clamp(2rem,5vw,4rem)}.legal-panel p,.about-hero p,.about-letter-section p,.about-letter p{color:var(--muted);margin:0;line-height:1.75}.legal-panel p{max-width:72ch}.legal-updated{color:var(--faint);font-size:.85rem;font-weight:700}.legal-content{gap:28px;margin-top:18px;display:grid}.legal-section{border-top:1px solid #ffffff14;gap:10px;max-width:82ch;padding-top:24px;display:grid}.legal-section h2{color:var(--text);font-family:var(--font-display);margin:0;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.08}.legal-list{color:var(--muted);gap:10px;margin:0;padding-left:1.1rem;line-height:1.65;display:grid}.legal-panel a,.about-letter a{color:var(--accent)}.support-panel{margin-top:clamp(48px,8vw,96px)}.support-contact-card{background:linear-gradient(135deg,#f6c3431a,#0000 55%),#ffffff09;border:1px solid #f6c34347;border-radius:8px;gap:10px;width:min(520px,100%);margin-top:10px;padding:20px;display:grid}.support-contact-card span{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:800}.support-contact-card strong{color:var(--text);font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1.3rem,3vw,2rem)}.legal-panel .support-mail-button{color:#080808;width:fit-content;min-height:42px;padding-inline:18px}.help-page{background:radial-gradient(circle at 88% 8%,#f6c3431f,#0000 22rem),linear-gradient(#0a0a0a 0%,#11100b 52%,#0a0a0a 100%);overflow:visible}.help-hero{width:min(1120px,100%);box-shadow:none;background:0 0;border:0;margin-top:clamp(48px,8vw,88px);padding:0}.help-hero h1{max-width:860px}.help-hero>p{max-width:82ch;font-size:clamp(1rem,1.5vw,1.14rem)}.help-jump-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.help-jump-list a,.help-text-link{min-height:38px;color:var(--accent);background:#f6c34314;border:1px solid #f6c34338;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.help-jump-list a:hover,.help-text-link:hover{color:var(--text);background:#f6c34324;border-color:#f6c34373}.help-quick-grid,.help-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.help-quick-grid{margin-top:18px}.help-quick-card,.help-topic-card,.help-limits-panel,.help-issue-row,.help-faq-item,.help-story-panel,.help-contact-section{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px}.help-quick-card,.help-topic-card{align-content:start;gap:10px;padding:18px;display:grid}.help-quick-card h2,.help-topic-card h3,.help-limits-panel h3{color:var(--text);font-family:var(--font-display);margin:0;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.12}.help-quick-card p,.help-topic-card p,.help-limits-panel p,.help-issue-row p,.help-faq-item p,.help-section-heading p{color:var(--muted);margin:0;line-height:1.72}.help-section{gap:18px;width:min(1120px,100%);margin:clamp(24px,4vw,44px) auto 0;scroll-margin-top:28px;display:grid}.help-section-heading{gap:10px;max-width:82ch;display:grid}.help-section-heading span{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900}.help-section-heading h2{color:var(--text);font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1}.help-voice-section .help-topic-card{border-color:#f6c34329}.help-limits-panel{background:linear-gradient(135deg,#f6c34317,#0000 52%),#ffffff09;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:20px;padding:clamp(18px,3vw,28px);display:grid}.help-check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.help-check-list li{color:var(--muted);padding-left:24px;line-height:1.6;position:relative}.help-check-list li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.65em;left:0}.help-issue-list,.help-faq-list{gap:10px;display:grid}.help-issue-row{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.help-issue-row>span{width:32px;height:32px;color:var(--accent);background:#f6c3431f;border-radius:50%;place-items:center;font-weight:900;display:grid}.help-faq-item{padding:0;overflow:hidden}.help-faq-item summary{cursor:pointer;color:var(--text);font-family:var(--font-display);padding:18px;font-size:1.04rem;font-weight:800;line-height:1.25}.help-faq-item summary:hover{color:var(--accent)}.help-faq-item p{padding:0 18px 18px}.help-story-panel,.help-contact-section{padding:clamp(20px,4vw,34px)}.help-story-panel{background:linear-gradient(135deg,#f6c3431f,#0000 58%),#ffffff0a}.help-contact-card{width:min(560px,100%);margin-top:4px}@media (max-width:760px){.help-quick-grid,.help-topic-grid,.help-limits-panel{grid-template-columns:1fr}.help-jump-list a{flex:calc(50% - 10px);min-width:0}.help-issue-row{grid-template-columns:28px minmax(0,1fr);padding:14px}.help-issue-row>span{width:28px;height:28px}}@media (max-width:480px){.help-jump-list a{flex-basis:100%}.help-quick-card,.help-topic-card,.help-story-panel,.help-contact-section,.help-limits-panel,.help-faq-item summary{padding:16px}.help-faq-item p{padding:0 16px 16px}}.route-redirect-panel{align-content:start;max-width:760px}.legal-panel .route-redirect-button{color:#080808;width:fit-content}.legal-footer{padding-bottom:0}.about-page{--bg:#fff8ea;--surface:#fff1d8;--border:#5e442324;--border-strong:#5e442338;--text:#2b2016;--muted:#725f4c;--faint:#a28d75;--about-accent:#d69c1f;background:radial-gradient(circle at 82% 9%,#f6c34338,#0000 22rem),linear-gradient(#fff8ea 0%,#fff3dd 100%);overflow:visible}.about-page .ambient-layer{background:radial-gradient(circle at 82% 8%,#f6c34329,#0000 30rem),radial-gradient(circle at 12% 76%,#ffffffb8,#0000 28rem)}.about-hero{gap:clamp(22px,3vw,34px);width:min(880px,100%);margin-top:clamp(72px,10vw,140px);display:grid}.about-prelude{max-width:none;color:var(--about-accent);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2vw,1.65rem);font-style:italic;line-height:1.35}.about-hero h1{letter-spacing:0;max-width:920px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.15rem,7.2vw,7rem);font-weight:500;line-height:.98}.about-hero p{max-width:760px;font-size:clamp(1.08rem,1.8vw,1.28rem);line-height:1.85}.about-letter-flow{border-left:1px solid #d69c1f52;width:min(900px,100%);margin-top:clamp(64px,10vw,128px);display:grid}.about-letter-section{border-bottom:1px solid #5e44231f;grid-template-columns:minmax(150px,.3fr) minmax(0,1fr);gap:clamp(22px,5vw,64px);padding:clamp(42px,7vw,84px) 0 clamp(42px,7vw,84px) clamp(22px,4vw,56px);display:grid;position:relative}.about-letter-section:before{content:"";background:var(--about-accent);border-radius:999px;width:9px;height:9px;position:absolute;top:clamp(40px,6vw,78px);left:-5px;box-shadow:0 0 0 8px #f6c3432e}.about-letter-section span{color:var(--about-accent);letter-spacing:0;text-transform:none;grid-row:1/span 2;font-family:Georgia,Times New Roman,serif;font-size:clamp(.98rem,1.4vw,1.16rem);font-style:italic;font-weight:500;line-height:1.5}.about-letter-section h2{grid-column:2;max-width:700px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4.2vw,3.7rem);font-weight:500;line-height:1.05}.about-letter-section p{grid-column:2;max-width:68ch;margin-top:20px;font-size:clamp(1.03rem,1.45vw,1.16rem);line-height:1.9}.about-sunflower-section{background:linear-gradient(90deg,#f6c34329,#0000 58%)}.about-letter{gap:26px;width:min(860px,100%);margin-top:clamp(64px,10vw,128px);padding:clamp(56px,9vw,112px) 0 clamp(72px,11vw,140px);display:grid}.about-letter p{max-width:70ch;font-size:clamp(1.08rem,1.7vw,1.24rem);line-height:1.9}.about-closing-lines{color:var(--text);gap:10px;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,4vw,4rem);font-weight:500;line-height:1.1;display:grid}.about-letter strong{max-width:820px;color:var(--about-accent);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3.4vw,3.2rem);font-weight:500;line-height:1.12}.room-screen{overflow:hidden}.room-topbar{padding-inline:18px}.room-topbar-brand .brand-logo{width:124px}.room-code-chip{border-color:var(--border-strong);max-width:min(52vw,520px);color:var(--text);text-transform:none;letter-spacing:0;background:#ffffff0e}.room-code-chip-prefix,.room-code-live-label{color:var(--muted)}.room-code-chip-value,.room-share-code,.room-mono-value{color:var(--text);font-family:var(--font-mono);letter-spacing:.08em}.room-topbar-meta-chip{border:1px solid var(--border-strong);min-height:32px;color:var(--text);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;display:inline-flex}.room-topbar-meta-chip strong{font-size:.8rem;font-weight:700}.room-topbar-meta-chip-accent{background:#f6c3431a;border-color:#f6c34338}.room-topbar-meta-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.room-topbar-members-trigger{cursor:pointer;list-style:none}.room-topbar-members-trigger::-webkit-details-marker{display:none}.room-topbar-members-menu{z-index:120;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(22px);background:#0a0a0af5;border-radius:14px;width:min(430px,88vw);max-height:min(620px,78dvh);padding:12px 14px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 60px #00000061}.room-topbar-members-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.room-topbar-members-menu .room-participant-list{gap:4px;display:grid}.room-members-friend-invites{margin-top:12px}.room-live-dot-ready,.room-live-dot-live,.room-live-dot-on{background:var(--success)}.room-live-dot-idle{background:var(--faint);box-shadow:none}.room-layout-shell{height:calc(100dvh - var(--nav-h));grid-template-columns:300px minmax(0,1fr) 300px;gap:12px;padding:12px;display:grid;overflow:hidden}.room-left-panel,.room-right-panel{z-index:2;background:var(--surface-soft);border:1px solid var(--border);border-color:var(--border);border-radius:40px;min-height:0;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000038}.room-left-panel:before,.room-right-panel:before{content:"";z-index:0;pointer-events:none;opacity:.28;mix-blend-mode:screen;background-image:radial-gradient(circle,#ffffff16 0 1px,#0000 1.35px),radial-gradient(circle,#0003 0 1px,#0000 1.45px);background-position:0 0,3px 3px;background-size:8px 8px;position:absolute;inset:0}.room-left-panel>*,.room-right-panel>*{z-index:1;position:relative}.room-left-panel{grid-template-rows:minmax(0,1fr);display:grid}.room-right-panel{flex-direction:column;display:flex}.room-panel-scroll,.room-sidebar-tabpanel,.room-chat-scroll{min-height:0;overflow:auto}.room-panel-scroll{padding:16px}.room-sidebar-tablist.room-left-panel-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.room-left-panel-tabs .room-sidebar-tab{min-width:0;padding-inline:8px}.room-left-games-panel,.room-mobile-games-panel,.room-mobile-history-panel{gap:12px;display:grid}.room-search-shell{position:relative}.room-search-icon{width:15px;height:15px;color:var(--faint);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.room-search-input{padding-left:36px}.room-search-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.room-search-actions .room-inline-chip-button,.room-search-actions-mobile .room-inline-chip-button{white-space:nowrap;min-width:0;padding-inline:10px}.room-panel-block{margin-top:26px}.room-panel-heading-row{justify-content:space-between;margin-bottom:12px}.room-playlist-empty,.room-chat-empty{min-height:210px;color:var(--muted);text-align:center;place-items:center;gap:12px;padding:28px 14px;display:grid}.room-empty-icon,.room-player-empty-icon{color:#ffffff29;width:44px;height:44px}.room-empty-title{color:var(--text)}.room-playlist-stack,.room-playlist-list,.room-sidebar-room,.room-panel-section-inner,.room-voice-actions,.room-slider-stack,.room-device-stack,.room-diagnostics-card,.room-recommendations,.room-recommendation-grid{gap:12px;display:grid}.room-playlist-list,.room-participant-list,.room-chat-list,.room-diagnostic-list{margin:0;padding:0;list-style:none}.room-playlist-featured,.room-playlist-row-hit{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.room-playlist-featured-card{gap:8px;display:grid}.room-playlist-featured{border-color:var(--border);background:#ffffff0a;grid-template-columns:1fr;padding:0;overflow:hidden}.room-playlist-featured .room-playlist-copy{padding:0 12px 12px}.room-playlist-featured-active,.room-playlist-row-active,.room-playlist-row-hit:hover{background:#f6c34312;border-color:#f6c34347}.room-playlist-featured-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px;padding:0 4px;display:flex}.room-playlist-featured-actions .room-inline-chip-button,.room-playlist-row-actions .room-inline-chip-button{white-space:nowrap;min-width:0;padding-inline:14px}.room-playlist-thumb,.room-recommendation-thumb{aspect-ratio:16/9;object-fit:cover;background:#050505;width:100%}.room-playlist-thumb-contain{object-fit:contain;object-position:center;background:#030303}.room-playlist-row-thumb{aspect-ratio:16/9;object-fit:cover;background:#050505;border-radius:4px;width:72px}.room-playlist-row-thumb.room-playlist-thumb-contain{object-fit:contain;background:#030303}.room-playlist-copy strong,.room-recommendation-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.25;overflow:hidden}.room-playlist-row-actions{flex-wrap:nowrap;gap:6px;margin:6px 0 12px 82px;display:flex}.room-playlist-row:hover .room-playlist-row-actions{display:flex}.room-playlist-drag{color:var(--faint);opacity:0}.room-playlist-row-hit:hover .room-playlist-drag{opacity:1}.room-panel-divider{background:var(--border);height:1px}.room-panel-divider-labeled{margin:8px 0;position:relative}.room-panel-divider-labeled span{background:var(--surface-soft);color:var(--faint);letter-spacing:.14em;text-transform:uppercase;padding-right:8px;font-size:.66rem;position:relative;top:-8px}.room-left-panel-footer{border-top:1px solid var(--border);padding:14px 16px}.room-left-panel-footer .room-add-video-button{width:100%}.room-center-panel{background:var(--bg);min-width:0;min-height:0;padding:24px;overflow:auto}.room-player-wrap{gap:16px;width:min(100%,1220px);margin:0 auto;display:grid}.room-player-surface{aspect-ratio:16/9;border:1px solid var(--border);background:radial-gradient(circle at 50% 20%,#f6c3430a,#0000 45%),#050505;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 60px #0000008c}.room-player-surface-netflix{aspect-ratio:16/7.2;min-height:420px}.room-player-surface-chess{aspect-ratio:16/10;background:radial-gradient(circle at 50% 0,#f7cc7a2e,#0000 32%),linear-gradient(140deg,#0b0f13 0%,#16110d 48%,#07130f 100%);min-height:660px}.room-player-slot,.room-player-embed,.room-player-embed iframe,.room-drive-video{width:100%;height:100%;position:absolute;inset:0}.room-drive-video{object-fit:contain;background:#000;display:block}.room-player-slot-hidden{opacity:0;pointer-events:none}.room-netflix-stage{text-align:left;background:radial-gradient(circle at 50% 20%,#e509142e,#0000 36%),linear-gradient(145deg,#090909 0%,#151111 52%,#050505 100%);grid-template-columns:minmax(260px,.95fr) minmax(280px,1fr);align-items:center;gap:clamp(18px,3vw,38px);padding:clamp(22px,3.2vw,40px);display:grid;position:absolute;inset:0}.room-streaming-stage-hotstar{background:radial-gradient(circle at 18% 24%,#1c84ff3d,#0000 34%),radial-gradient(circle at 76% 14%,#c44bff2e,#0000 30%),linear-gradient(145deg,#06111f 0%,#0c1224 54%,#050814 100%)}.room-streaming-stage-primevideo{background:radial-gradient(circle at 24% 18%,#00a8e138,#0000 34%),radial-gradient(circle at 80% 80%,#f6c3431a,#0000 30%),linear-gradient(145deg,#03121c 0%,#071421 56%,#02080e 100%)}.room-streaming-stage-crunchyroll{background:radial-gradient(circle at 18% 22%,#f475213d,#0000 34%),radial-gradient(circle at 82% 12%,#ffd1761f,#0000 30%),linear-gradient(145deg,#170b05 0%,#130f0c 56%,#050403 100%)}.room-streaming-visual{place-items:center;width:100%;min-height:clamp(190px,24vw,320px);display:grid;position:relative}.room-streaming-visual-logo-only{background:linear-gradient(145deg,#ffffff14,#ffffff05),#00000047;border:1px solid #ffffff1f;border-radius:10px;padding:clamp(22px,3vw,36px);box-shadow:0 22px 70px #0000006b}.room-streaming-visual-has-poster{align-items:end}.room-streaming-logo{color:#fff;min-width:clamp(72px,14vw,180px);min-height:clamp(56px,8vw,92px);font-family:var(--font-display);text-align:center;background:#e50914;border-radius:8px;place-items:center;padding:12px 18px;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:950;line-height:1;display:grid;box-shadow:0 18px 48px #e5091447}.room-streaming-logo span{overflow-wrap:anywhere;max-width:min(100%,14ch);display:block}.room-streaming-visual-has-poster .room-streaming-logo{min-width:auto;min-height:44px;padding:9px 12px;font-size:1rem;position:absolute;bottom:14px;right:14px;box-shadow:0 14px 36px #00000057}.room-streaming-logo-netflix{background:#e50914;min-width:clamp(56px,7vw,78px);box-shadow:0 18px 48px #e5091447}.room-streaming-logo-hotstar{color:#fff;background:linear-gradient(135deg,#1f7cff 0%,#8a5cff 52%,#f7c846 100%);font-size:clamp(1.3rem,3.4vw,2.35rem);box-shadow:0 18px 54px #3a6eff57}.room-streaming-logo-primevideo{color:#fff;letter-spacing:0;background:#061b2b;font-size:clamp(1.2rem,3vw,2.1rem);box-shadow:0 18px 54px #00a8e147}.room-streaming-logo-primevideo:after{content:"";border-bottom:3px solid #00a8e1;border-radius:0 0 80% 80%;width:min(92px,68%);height:9px;margin-top:8px}.room-streaming-logo-crunchyroll{color:#111;background:#f47521;font-size:clamp(1.05rem,2.8vw,2rem);box-shadow:0 18px 54px #f4752157}.room-netflix-poster{aspect-ratio:16/9;object-fit:contain;object-position:center;background:#030303;border:1px solid #ffffff24;border-radius:8px;width:100%;max-height:100%;box-shadow:0 22px 70px #0000006b}.room-netflix-copy{justify-items:start;gap:12px;min-width:0;max-height:100%;display:grid;overflow:hidden}.room-netflix-stage h2{max-width:760px;color:var(--text);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(1.7rem,3.2vw,3rem);line-height:1.05;display:-webkit-box;overflow:hidden}.room-netflix-stage p{max-width:660px;color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(.9rem,1.2vw,1.02rem);line-height:1.5;display:-webkit-box;overflow:hidden}.room-netflix-actions{flex-wrap:wrap;flex:none;justify-content:flex-start;gap:10px;min-height:44px;display:flex}@media (max-width:1040px){.room-player-surface-netflix{min-height:520px}.room-netflix-stage{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center}.room-netflix-poster{width:min(520px,88%);max-height:230px}.room-streaming-visual{width:min(520px,88%)}.room-netflix-copy,.room-netflix-actions{justify-content:center;justify-items:center}.room-netflix-stage h2,.room-netflix-stage p{-webkit-line-clamp:2}}@media (max-width:640px){.room-player-surface-netflix{aspect-ratio:auto;min-height:560px}.room-netflix-stage{gap:12px;padding:18px}.room-netflix-poster{width:100%;max-height:190px}.room-streaming-visual{width:100%;min-height:180px}.room-streaming-logo{min-width:min(100%,172px);min-height:60px;font-size:1.35rem}.room-streaming-logo-crunchyroll,.room-streaming-logo-primevideo{font-size:1.15rem}.room-netflix-stage h2{font-size:1.65rem;line-height:1.08}.room-netflix-stage p{-webkit-line-clamp:2;font-size:.88rem}.room-netflix-actions .room-primary-button{justify-content:center;width:min(100%,280px)}}.room-chess-panel,.room-chess-setup,.room-chess-mini-card{gap:12px;display:grid}.room-chess-mini-card,.room-chess-result-card,.room-chess-move-list{background:linear-gradient(145deg,#f7cc7a14,#1a211fc7),#ffffff0a;border:1px solid #f7cc7a2e;border-radius:8px;padding:12px}.room-chess-mini-topline,.room-chess-action-row,.room-chess-stage-actions{align-items:center;gap:8px;display:flex}.room-chess-mini-topline{justify-content:space-between}.room-chess-mini-topline strong,.room-chess-result-card strong,.room-chess-status-bar strong{color:var(--text)}.room-chess-mini-topline span,.room-chess-result-note{color:#f7cc7a}.room-chess-field{color:var(--muted);gap:6px;font-size:.78rem;font-weight:700;display:grid;position:relative}.room-chess-field-open{z-index:30}.room-chess-player-trigger{width:100%;min-height:42px;color:var(--text);font:inherit;text-align:left;background:#080b0dd1;border:1px solid #94a3b833;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:.86rem;font-weight:760;display:flex}.room-chess-player-trigger:hover,.room-chess-player-trigger:focus-visible{border-color:#f7cc7a7a;outline:none}.room-chess-player-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-playlist-featured .room-playlist-copy{min-width:0}.room-chess-player-caret{color:#f7cc7a;flex:none;font-size:.72rem}.room-chess-player-status{color:#f7cc7a;white-space:nowrap;flex:none;font-size:.68rem;font-weight:800}.room-chess-player-menu{z-index:35;background:#080b0dfa;border:1px solid #f7cc7a42;border-radius:8px;max-height:min(240px,42dvh);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 44px #0000006b}.room-chess-player-menu button{min-height:36px;color:var(--text);font:inherit;text-align:left;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;font-weight:760;display:flex}.room-chess-player-menu button:hover,.room-chess-player-menu button:focus-visible,.room-chess-player-menu button.is-selected{background:#f7cc7a1f;outline:none}.room-chess-player-menu button:disabled{cursor:not-allowed;color:var(--faint);opacity:.62}.room-chess-player-menu button:disabled .room-chess-player-status{color:var(--muted)}.room-chess-mode-control{width:100%}.room-chess-mode-control button{min-width:0}.room-chess-time-tabs,.room-chess-time-grid{gap:6px;display:grid}.room-chess-time-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.room-chess-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-chess-time-tabs button,.room-chess-time-grid button{min-height:34px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;font-size:.72rem;font-weight:800}.room-chess-time-tabs button.is-active,.room-chess-time-grid button.is-active{color:#fbe7bd;background:#f7cc7a1f;border-color:#f7cc7a7a}.room-chess-setup-section,.room-chess-choice-grid{gap:8px;display:grid}.room-chess-board-choice-grid,.room-chess-piece-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-chess-choice-grid button{min-width:0;min-height:72px;color:var(--muted);font:inherit;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-content:center;justify-items:center;gap:7px;padding:9px 7px;font-size:.68rem;font-weight:850;display:grid}.room-chess-choice-grid button:hover,.room-chess-choice-grid button:focus-visible,.room-chess-choice-grid button.is-active{color:#fbe7bd;background:#f7cc7a1f;border-color:#f7cc7a7a;outline:none}.room-chess-theme-swatch{aspect-ratio:1;border:1px solid #ffffff24;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));width:42px;display:grid;overflow:hidden;box-shadow:inset 0 0 12px #0003}.room-chess-theme-swatch span{min-width:0;min-height:0}.room-chess-theme-swatch .is-light{background:var(--choice-light)}.room-chess-theme-swatch .is-dark{background:var(--choice-dark)}.room-chess-piece-choice>span:first-child{justify-content:center;align-items:center;gap:4px;display:flex}.room-chess-piece-choice .room-chess-piece{width:26px;height:26px;font-size:1.35rem}.room-chess-full-button{justify-content:center;width:100%}.room-chess-preview{aspect-ratio:1;border:1px solid #f7cc7a33;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));width:min(120px,100%);display:grid;overflow:hidden;box-shadow:inset 0 0 18px #f7cc7a14}.room-chess-preview span{min-width:0;min-height:0}.room-chess-preview .is-light{background:#d9b575}.room-chess-preview .is-dark{background:#795231}.room-chess-stage{z-index:1;--chess-board-light:#d9b575;--chess-board-dark:#795231;--chess-board-frame:#4b2b18;--chess-board-frame-accent:#b7834e;--chess-board-glow:#f7cc7a33;--chess-board-border:#f7cc7a4d;background:linear-gradient(180deg, #ffffff0d, transparent 22%), radial-gradient(circle at 46% 42%, var(--chess-board-glow), transparent 34%), linear-gradient(135deg, #120d08f5, #06120efa);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px;padding:18px 22px;display:grid;position:absolute;inset:0;container-type:size}.room-chess-theme-emerald{--chess-board-light:#d7e6cf;--chess-board-dark:#3f7352;--chess-board-frame:#173728;--chess-board-frame-accent:#7ca982;--chess-board-glow:#7ac99a30;--chess-board-border:#8fbf9f57}.room-chess-theme-midnight{--chess-board-light:#aeb7c8;--chess-board-dark:#293342;--chess-board-frame:#101724;--chess-board-frame-accent:#667b98;--chess-board-glow:#7c9ac233;--chess-board-border:#aeb7c852}.room-chess-theme-rosewood{--chess-board-light:#ead0bd;--chess-board-dark:#91515c;--chess-board-frame:#4f2028;--chess-board-frame-accent:#bf7a72;--chess-board-glow:#ea88812e;--chess-board-border:#ead0bd4d}.room-chess-theme-monochrome{--chess-board-light:#e2e2df;--chess-board-dark:#515357;--chess-board-frame:#1d1f22;--chess-board-frame-accent:#94989c;--chess-board-glow:#d2d6d624;--chess-board-border:#e2e2df42}.room-chess-stage-fullscreen{z-index:1200;padding:calc(18px + env(safe-area-inset-top)) clamp(16px, 4vw, 42px) 18px;background:linear-gradient(#ffffff0f,#0000 20%),radial-gradient(circle at 50% 42%,#f7cc7a38,#0000 36%),linear-gradient(135deg,#0d0b08fa,#050e0cfc);border-radius:0;grid-template-rows:minmax(0,1fr);position:fixed}.room-chess-stage-fullscreen .room-chess-status-bar,.room-chess-stage-fullscreen .room-chess-match-strip,.room-chess-stage-fullscreen .room-chess-sidecar{display:none}.room-chess-stage-fullscreen .room-chess-table{max-width:none}.room-chess-fullscreen-exit{top:calc(16px + env(safe-area-inset-top));z-index:1;position:fixed;right:clamp(16px,4vw,42px)}.room-chess-light{pointer-events:none;opacity:.55;background:linear-gradient(90deg,#0000,#ffffff12,#0000),repeating-linear-gradient(105deg,#ffffff09 0 1px,#0000 1px 16px);position:absolute;inset:0}.room-chess-stage-header,.room-chess-status-bar,.room-chess-match-strip,.room-chess-table,.room-chess-sidecar{z-index:1;position:relative}.room-chess-stage-header{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:12px;display:grid}.room-chess-stage-title{min-width:0}.room-chess-style-label{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.72rem;font-weight:800;overflow:hidden}.room-chess-stage-actions{flex-wrap:wrap;justify-content:flex-end}.room-chess-stage-actions .room-primary-button,.room-chess-stage-actions .room-inline-chip-button{min-height:40px}.room-chess-status-bar,.room-chess-match-strip{justify-self:center;width:min(100%,760px)}.room-chess-status-bar{background:linear-gradient(145deg,#f7cc7a14,#1a211fa8),#00000029;border:1px solid #f7cc7a2e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 12px;display:flex}.room-chess-status-bar-result{background:linear-gradient(135deg,#f6c3431f,#1a211fb8),#00000029;border-color:#f6c3433d}.room-chess-status-bar-white{border-color:#fff3d338}.room-chess-status-bar-black{border-color:#f7cc7a3d}.room-chess-status-bar strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:1rem;line-height:1.2;display:block;overflow:hidden}.room-chess-stage-header h2{color:#fff8eb;margin:2px 0 0;font-size:1.45rem}.room-chess-match-strip{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.room-chess-versus{width:34px;height:34px;color:var(--faint);text-transform:uppercase;background:#0000003d;border:1px solid #f7cc7a29;border-radius:50%;place-items:center;font-size:.66rem;font-weight:900;display:grid}.room-chess-table{grid-template-rows:minmax(0,1fr);justify-self:center;place-items:center;width:100%;max-width:680px;min-height:0;padding:0;display:grid}.room-chess-player-card{background:#06090aa8;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 12px;display:grid}.room-chess-player-card span{color:var(--faint);text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.room-chess-player-card strong{color:#fff7e8;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;display:block;overflow:hidden}.room-chess-player-card time{color:#fff;text-align:center;background:#00000061;border:1px solid #ffffff1a;border-radius:8px;min-width:72px;padding:7px 9px;font-family:JetBrains Mono,monospace;font-weight:800}.room-chess-player-card time.is-running{color:#f6c343;border-color:#f6c34361;box-shadow:0 0 28px #f6c3431f}.room-chess-avatar{object-fit:cover;color:#111;background:linear-gradient(135deg,#f7cc7a,#8fbf9f);border-radius:50%;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:900;display:grid}.room-chess-board-shell{box-sizing:border-box;aspect-ratio:1;border:1px solid var(--chess-board-border);background:linear-gradient(135deg, var(--chess-board-frame), var(--chess-board-frame-accent) 48%, var(--chess-board-frame)), var(--chess-board-frame);border-radius:8px;width:min(100%,57vh,620px);max-width:100%;padding:14px;position:relative;box-shadow:0 28px 70px #0000007a,inset 0 1px #ffffff38}.room-chess-stage-fullscreen .room-chess-board-shell{width:min(92vmin,760px)}@supports (width:1cqh){.room-chess-board-shell{width:min(100%,60cqh,560px)}.room-chess-stage-fullscreen .room-chess-board-shell{width:min(92vmin,84cqh,820px)}}.room-chess-board{border:1px solid #140c08cc;border-radius:6px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 28px #0000006b;container-type:inline-size}.room-chess-square{appearance:none;width:100%;min-width:0;height:100%;min-height:0;color:inherit;isolation:isolate;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.room-chess-square-light{background:linear-gradient(135deg, #ffffff38, transparent 45%), var(--chess-board-light)}.room-chess-square-dark{background:linear-gradient(135deg, #ffffff14, transparent 42%), var(--chess-board-dark)}.room-chess-square-selected,.room-chess-square-last{box-shadow:inset 0 0 0 3px #f6c3439e}.room-chess-square-legal:after{content:"";aspect-ratio:1;background:#10181261;border-radius:50%;width:28%;position:absolute;box-shadow:0 0 0 5px #f6c3431f}.room-chess-square-own{cursor:pointer}.room-chess-piece{z-index:1;filter:drop-shadow(0 8px 6px #00000061);pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,9cqw,4.25rem);line-height:1;display:grid;position:relative}.room-chess-piece-w{color:#fff3d3;text-shadow:0 1px #7c5a2c,0 3px #5c371894,0 9px 18px #0006}.room-chess-piece-b{color:#1b1512;text-shadow:0 1px #c49b66,0 3px #00000073,0 9px 18px #0000008c}.room-chess-pieces-classic .room-chess-piece{filter:drop-shadow(0 5px 4px #00000052);font-family:Times New Roman,Georgia,serif}.room-chess-pieces-classic .room-chess-piece-w{color:#fff7e8;text-shadow:0 2px #422f1e9e}.room-chess-pieces-classic .room-chess-piece-b{color:#111315;text-shadow:0 2px #ffffff2e}.room-chess-pieces-glass .room-chess-piece{filter:drop-shadow(0 8px 8px #00000057)drop-shadow(0 0 12px #ffffff2e)}.room-chess-pieces-glass .room-chess-piece-w{color:#ffffffe6;text-shadow:0 1px #ffffffa3,0 8px 18px #2a384670}.room-chess-pieces-glass .room-chess-piece-b{color:#161a1fe6;text-shadow:0 1px #ffffff4d,0 8px 18px #0000007a}.room-chess-pieces-minimal .room-chess-piece{isolation:isolate;filter:drop-shadow(0 7px 6px #00000052);text-shadow:none;font-family:JetBrains Mono,monospace;font-size:clamp(.82rem,4.8cqw,2.05rem);font-weight:900}.room-chess-pieces-minimal .room-chess-piece:before{content:"";z-index:-1;aspect-ratio:1;border-radius:50%;width:58%;position:absolute;box-shadow:inset 0 2px #ffffff57,0 10px 18px #00000038}.room-chess-pieces-minimal .room-chess-piece-w{color:#2b241c}.room-chess-pieces-minimal .room-chess-piece-w:before{background:#f4ead5}.room-chess-pieces-minimal .room-chess-piece-b{color:#f4ead5}.room-chess-pieces-minimal .room-chess-piece-b:before{background:#171717}.room-chess-coordinate{z-index:1;color:#120d0873;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:.58rem;font-weight:900;position:absolute}.room-chess-coordinate-file{bottom:3px;right:5px}.room-chess-coordinate-rank{top:3px;left:5px}.room-chess-sidecar{justify-self:center;width:min(100%,760px);min-height:0;display:block;overflow:hidden}.room-chess-result-card{gap:8px;display:grid}.room-chess-move-list ol{scrollbar-width:thin;gap:6px;min-width:0;margin:0;padding:0 0 2px;list-style:none;display:flex;overflow-x:auto}.room-chess-move-list{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:44px;display:grid}.room-chess-move-list-empty{background:#ffffff07;min-height:32px;padding-block:6px}.room-chess-move-list p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-chess-move-list li{background:#ffffff0b;border-radius:6px;grid-template-columns:auto auto;align-items:center;gap:6px;min-width:max-content;min-height:26px;padding:4px 8px;display:inline-grid}.room-chess-move-list li span{color:var(--faint);font-family:JetBrains Mono,monospace;font-size:.72rem}.room-chess-move-list li strong{color:#fbe7bd;font-family:JetBrains Mono,monospace;font-size:.78rem}.room-chess-promotion{z-index:4;width:min(92%,360px);color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090a09eb;border:1px solid #f7cc7a52;border-radius:8px;gap:8px;padding:12px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #00000070}.room-chess-promotion>span{color:var(--muted);font-size:.76rem;font-weight:800}.room-chess-promotion div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.room-chess-promotion button{color:#fff4d6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;place-items:center;gap:3px;min-height:62px;font-size:.68rem;font-weight:800;display:grid}.room-chess-promotion button span{font-family:Georgia,Times New Roman,serif;font-size:1.8rem;line-height:1}.room-guest-input-block{z-index:2;cursor:default;position:absolute;inset:0}.room-player-click-prompt{z-index:3;color:#fff;min-height:44px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#080808c7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-weight:700;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000059}.room-player-click-prompt:hover,.room-player-click-prompt:focus-visible{background:#121212e6;border-color:#f6c3438c;outline:none}.room-player-click-icon{background:var(--accent);color:#080808;border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.room-player-click-icon svg{width:16px;height:16px}.room-player-empty{text-align:center;align-content:center;place-items:center;gap:14px;padding:32px;display:grid;position:absolute;inset:0}.room-player-empty h2{color:var(--text);font-family:var(--font-display);margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.room-player-empty-copy{max-width:48ch;color:var(--muted);margin:0}.room-player-empty-steps{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.room-empty-inline-form{gap:8px;width:min(480px,100%);display:flex}.room-inline-play-button,.room-inline-pin-button{border-radius:6px;width:44px}.room-inline-play-button{background:var(--accent);color:#080808}.room-inline-pin-button{border:1px solid var(--border-strong);color:var(--text);background:#ffffff0a;place-items:center;display:grid}.room-player-controls{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.room-seek-row{align-items:center;gap:10px;display:flex}.room-seek-wrap{flex:1;position:relative}.room-seek-tooltip{color:#fff;pointer-events:none;white-space:nowrap;z-index:10;background:#000000d9;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%)}.room-seek-tooltip:after{content:"";border:4px solid #0000;border-top-color:#000000d9;position:absolute;top:100%;left:50%;transform:translate(-50%)}.room-transport-row{flex-wrap:nowrap;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.room-transport-right{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.room-range{width:100%;min-height:auto;accent-color:var(--accent);box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0}.room-mic-gain-range{appearance:none;background:linear-gradient(90deg, var(--rp-accent) 0%, var(--rp-accent) var(--range-progress,0%), #ffffff1a var(--range-progress,0%), #ffffff1a 100%);border-radius:999px;height:8px}.room-mic-gain-range::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:8px}.room-mic-gain-range::-webkit-slider-thumb{background:var(--rp-accent);appearance:none;border:0;border-radius:999px;width:18px;height:18px;margin-top:-5px;box-shadow:0 0 0 4px #a78bfa2e}.room-mic-gain-range::-moz-range-track{background:#ffffff1a;border:0;border-radius:999px;height:8px}.room-mic-gain-range::-moz-range-progress{background:var(--rp-accent);border-radius:999px;height:8px}.room-mic-gain-range::-moz-range-thumb{background:var(--rp-accent);border:0;border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 4px #a78bfa2e}.room-volume-group{flex:0 220px;align-items:center;gap:8px;min-width:130px;display:flex}.room-volume-icon{width:16px;height:16px;color:var(--muted);flex:none}.room-volume-range{flex:1 1 0;min-width:0}.room-quality-select{color:#f8fafc;border:1px solid var(--border,#333);cursor:pointer;background:#101114;border-radius:4px;flex:none;width:auto;min-width:118px;height:24px;padding:2px 4px;font-size:11px}.room-quality-select option{color:#f8fafc;background:#101114}.room-speed-control{border:1px solid var(--border,#333);background:#ffffff0a;border-radius:8px;flex:none;align-items:center;gap:4px;height:32px;padding:2px;display:inline-flex}.room-speed-step-button{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.room-speed-step-button:hover:not(:disabled){background:#ffffff14}.room-speed-step-button svg{width:14px;height:14px}.room-speed-select{color:#080808;text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #ffffff29;border-radius:6px;width:58px;height:28px;padding:0 4px;font-size:11px;font-weight:700}.room-speed-select option{color:#080808;background:#f8fafc}.room-control-button-active{background:var(--accent);color:#080808;border-color:#f6c343b8}.room-control-button:disabled,.room-speed-step-button:disabled,.room-speed-select:disabled,.room-quality-select:disabled{cursor:not-allowed;opacity:.48;transform:none}.room-reaction-tray{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.room-reaction-button{border:1px solid var(--border);width:40px;height:40px;color:var(--text);background:#ffffff0a;border-radius:999px;place-items:center;font-size:1.2rem;transition:background .15s,transform .1s;display:grid}.room-reaction-button:hover{background:#ffffff1a;transform:scale(1.12)}.room-reaction-overlay{pointer-events:none;position:absolute;inset:0}.room-floating-reaction{left:calc(50% + var(--reaction-offset));flex-direction:column;align-items:center;gap:6px;animation:1.8s ease-out forwards float-reaction;display:flex;position:absolute;bottom:20%}.room-floating-reaction-emoji{font-size:2rem}.room-floating-reaction-user{opacity:.95;flex-direction:column;align-items:center;gap:4px;display:flex}.room-floating-reaction-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0003}.room-floating-reaction-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:12px;max-width:100px;padding:2px 8px;font-size:.75rem;font-weight:500;overflow:hidden;box-shadow:0 2px 4px #0003}@keyframes float-reaction{to{opacity:0;transform:translateY(-120px)scale(1.4)}}.room-player-meta{justify-content:space-between;padding:8px 2px}.room-player-meta>div{gap:3px;display:grid}.room-player-meta-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.room-player-pin-button{min-height:32px;padding-inline:12px}.room-player-pin-button-active{color:var(--accent);background:#f6c3431a;border-color:#f6c34357}.room-player-meta-actions .room-inline-chip-button span{color:inherit;font-size:inherit}.room-player-meta strong{color:var(--text);font-size:.94rem}.room-player-meta span{color:var(--muted);font-size:.78rem}.room-sync-badge,.room-sync-indicator{color:var(--faint);border-color:var(--border);letter-spacing:0;text-transform:none;background:#ffffff09}.room-sync-badge-on,.room-sync-indicator-on{color:var(--accent);background:#f6c34312;border-color:#f6c3433d}.room-sync-switch{background:#ffffff1f;border-radius:999px;align-items:center;width:22px;height:12px;padding:2px;display:inline-flex}.room-sync-switch-thumb{width:8px;height:8px;box-shadow:none;background:#94a3b8c7;animation:none}.room-sync-badge-on .room-sync-switch-thumb{background:var(--accent);box-shadow:none;transform:translate(10px)}.room-sync-dot{box-shadow:none;background:#94a3b8c7;animation:none}.room-sync-indicator-on .room-sync-dot{background:var(--accent)}.room-sync-notice{color:var(--accent);background:#f6c34314;border:1px solid #f6c34333;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:.78rem}.room-recommendations{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;margin-top:10px;padding:18px}.room-recommendation-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.room-recommendation-card{overflow:hidden}.room-recommendation-copy,.room-recommendation-actions{padding:12px}.room-recommendation-actions{gap:8px;padding-top:0;display:flex}.room-sidebar-tablist{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:6px;padding:12px;display:grid}.room-sidebar-tab{min-height:36px;color:var(--muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.room-sidebar-tab-active{color:var(--accent);background:#f6c3431a}.room-sidebar-badge{background:var(--accent);color:#080808;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.68rem;display:grid}.room-sidebar-tabpanel{height:calc(100dvh - var(--nav-h) - 61px);padding:14px}.room-side-section{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.room-side-header{width:100%;color:var(--text);text-align:left;background:0 0;justify-content:space-between;gap:12px;padding:14px;display:flex}.room-side-header-actions{align-items:center;gap:6px;display:flex}.room-side-chevron{width:16px;height:16px;color:var(--muted);transition:transform .16s}.room-side-body{padding:0 14px 14px;display:none}.room-side-section-open .room-side-body{display:block}.room-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-info-row,.room-modal-stat{border:1px solid var(--border);background:#ffffff09;border-radius:8px;gap:5px;min-height:54px;padding:10px;display:grid}.room-info-row span,.room-modal-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.room-info-row strong,.room-modal-stat strong{color:var(--text);font-size:.9rem}.room-share-block{gap:10px;display:grid}.room-share-code{font-size:1.35rem}.room-participant-row{justify-content:space-between;gap:10px;padding:9px 0;display:flex}.room-avatar-shell,.room-chat-avatar-shell{flex:none;position:relative}.voice-ring{border:1px solid rgba(246, 195, 67, calc(.08 + var(--audio-level,0) * .7));border-radius:999px;position:absolute;inset:-4px}.room-voice-state-dot{border:2px solid var(--surface);background:var(--muted);border-radius:999px;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.room-voice-state-connected{background:#67e8a3}.room-voice-state-degraded,.room-voice-state-reconnecting{background:#facc15}.room-voice-state-failed{background:#fb7185}.room-avatar-image,.room-chat-avatar{object-fit:cover;border-radius:999px;width:34px;height:34px}.room-avatar-host{background:var(--accent)}.room-participant-name-row{align-items:center;gap:6px;display:flex}.room-rename-inline{grid-template-columns:minmax(0,1fr) 30px 30px;gap:6px;display:grid}.room-voice-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.room-voice-action{min-height:46px;padding:0 12px}.room-voice-action-active{color:var(--accent);background:#f6c3431a;border-color:#f6c3435c}.room-slider-label-row,.room-slider-range-labels{justify-content:space-between}.room-slider-range-labels{color:var(--faint);font-size:.72rem}.room-device-select{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);appearance:none;background:#ffffff0b;border-radius:6px;padding:0 34px 0 12px}.room-select-chevron{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.room-voice-status-card,.room-diagnostics-card{border:1px solid var(--border);background:#ffffff09;border-radius:8px;padding:12px}.room-mic-meter{background:#ffffff1a;border-radius:999px;height:4px;margin:10px 0;overflow:hidden}.room-mic-meter-fill{border-radius:inherit;background:var(--accent);height:100%;display:block}.room-debug-line{color:var(--muted);font-family:var(--font-mono);margin:0;font-size:.7rem;line-height:1.5}.room-chat-panel{grid-template-rows:minmax(0,1fr) auto;gap:10px;height:100%;display:grid}.room-chat-scroll{min-height:220px;padding-right:3px}.room-chat-list{gap:10px;display:grid}.room-chat-row{grid-template-columns:34px minmax(0,1fr);gap:9px;display:grid}.room-chat-row-self .room-chat-avatar-shell{grid-column:2}.room-chat-row-self .room-chat-bubble-stack{grid-row:1}.room-chat-meta strong{color:var(--text);font-size:.78rem}.room-chat-bubble{width:max-content;max-width:100%;color:var(--text);background:#fff1;border-radius:10px;padding:9px 11px;font-size:.86rem;line-height:1.4}.room-chat-bubble-self{color:var(--text);background:#f6c3431f;margin-left:auto}.room-chat-bubble-emoji{background:0 0;padding:0;font-size:1.8rem}.room-chat-system-row{text-align:center}.room-chat-system-pill{color:var(--faint);background:#ffffff0e;border-radius:999px;padding:5px 9px;font-size:.72rem;display:inline-flex}.room-chat-composer{border-top:1px solid var(--border);gap:7px;padding-top:10px;display:grid;position:relative}.room-chat-composer-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.room-chat-input{resize:none;min-height:40px;max-height:120px;padding:10px 12px}.room-chat-send{min-height:40px}.room-chat-composer-meta{color:var(--faint);justify-content:space-between;font-size:.68rem;display:flex}.room-emoji-picker{z-index:5;border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:10px;gap:12px;width:min(300px,92vw);padding:14px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 22px 60px #0000007a}.room-emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.room-emoji-button{background:0 0;border-radius:6px;place-items:center;height:30px;display:grid}.room-emoji-button:hover{background:#ffffff14}.room-chat-jump-button{background:var(--accent);color:#080808;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.room-modal-card{width:min(520px,100%);padding:26px;animation:.24s cubic-bezier(.16,1,.3,1) november-enter}.room-settings-modal{width:min(760px,100%);max-height:min(88dvh,920px);position:relative;overflow:auto}.room-settings-voice{margin-bottom:0}.room-settings-voice .room-info-card{margin:0}.room-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.room-settings-header-copy{gap:6px;display:grid}.room-modal-header h2{font-family:var(--font-display);margin:6px 0 0;font-size:1.7rem}.room-modal-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.room-settings-section{border-top:1px solid #ffffff14;gap:16px;padding-top:18px;display:grid}.room-settings-section:first-of-type{border-top:0;padding-top:0}.room-settings-section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.room-settings-section-heading strong{color:var(--text);margin-top:4px;font-size:1rem;display:block}.room-settings-section-label,.room-settings-meta-label,.room-modal-stat-label{color:#ffffff80;letter-spacing:.02em;text-transform:none;font-size:.76rem;font-weight:700}.room-settings-modal .room-settings-section-label,.room-settings-modal .room-settings-meta-label,.room-settings-modal .room-modal-stat-label{text-transform:none;letter-spacing:.02em}.room-settings-status-pill{min-height:34px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.room-settings-status-pill-live,.room-settings-status-pill-ready{background:#f6c34314;border-color:#f6c3433d}.room-settings-status-pill-idle{color:var(--muted)}.room-settings-invite-card{background:linear-gradient(135deg,#ffffff09,#ffffff05),#ffffff05;border:1px solid #ffffff14;border-radius:12px;gap:14px;padding:16px;display:grid}.room-settings-privacy-card{border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:14px;padding-bottom:14px;display:grid}.room-settings-privacy-card strong{color:var(--text);margin:6px 0;display:block}.room-settings-privacy-controls{gap:10px;display:grid}.room-settings-save-button{justify-content:center}.room-settings-code-block{gap:10px;display:grid}.room-settings-code-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-settings-code{color:var(--text);font-family:var(--font-mono);letter-spacing:.18em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.65rem,4vw,2rem);overflow:hidden}.room-settings-inline-copy{flex:none}.room-settings-share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.room-settings-share-actions .room-ghost-button{justify-content:center;gap:8px}.room-settings-share-actions svg{width:16px;height:16px}.room-settings-friend-invites{border-top:1px solid #ffffff14;gap:12px;padding-top:14px;display:grid}.room-settings-friend-invite-header,.room-settings-friend-row,.room-settings-friend-search-row{align-items:center;gap:10px;display:flex}.room-settings-friend-invite-header{justify-content:space-between;align-items:flex-start}.room-settings-friend-invite-header strong{color:var(--text);margin:6px 0;display:block}.room-settings-capacity-pill{color:#bbf7d0;white-space:nowrap;background:#6ee7b714;border:1px solid #6ee7b747;border-radius:999px;flex:none;padding:6px 10px;font-size:.76rem;font-weight:900}.room-settings-capacity-pill-full{color:#fecdd3;background:#fb71851a;border-color:#fb718561}.room-settings-friend-list{gap:8px;max-height:190px;display:grid;overflow:auto}.room-settings-friend-row{border:1px solid var(--border);background:#ffffff08;border-radius:8px;min-height:50px;padding:8px}.room-settings-friend-avatar{background:linear-gradient(135deg, var(--accent), #6ee7b7);color:#080808;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:900;display:grid;overflow:hidden}.room-settings-friend-avatar img{object-fit:cover;width:100%;height:100%}.room-settings-friend-copy{flex:auto;gap:2px;min-width:0;display:grid}.room-settings-friend-copy strong,.room-settings-friend-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-settings-friend-copy strong{color:var(--text);font-size:.86rem}.room-settings-friend-copy span{color:var(--muted);font-size:.78rem}.room-settings-friend-search{gap:8px;display:grid}.room-settings-friend-search-row input{border:1px solid var(--border-strong);min-width:0;height:42px;color:var(--text);font:inherit;background:#ffffff0a;border-radius:8px;outline:none;flex:auto;padding:0 12px}.room-settings-friend-search-row input:focus{border-color:#f6c34380}.room-settings-search-result{border-color:#f6c3433d}.room-inline-note-success{color:#bbf7d0}.room-settings-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.room-settings-scroll-fade{pointer-events:none;background:linear-gradient(#0d0d0f00,#0d0d0ff5);height:34px;margin-top:-10px;display:block;position:sticky;bottom:-26px}.room-mobile-search,.room-mobile-panel,.room-mobile-tabbar{display:none}.room-search-modal{background:var(--surface);border-radius:12px;width:min(720px,100%);max-height:82dvh}.search-modal-title{-webkit-text-fill-color:currentColor;color:var(--text);font-family:var(--font-display);background:0 0}.search-modal-close:before,.search-modal-close:after{content:"";background:currentColor;width:15px;height:1px;position:absolute}.search-modal-close{border-radius:8px;position:relative}.search-modal-close:before{transform:rotate(45deg)}.search-modal-close:after{transform:rotate(-45deg)}.search-result-card{border-color:var(--border);background:#ffffff0a}@media (max-width:1120px){.room-layout-shell{grid-template-columns:260px minmax(0,1fr)}.room-right-panel{display:none}.room-mobile-panel{display:block}.signed-dashboard-grid{grid-template-columns:1fr}.signed-nav-links{display:none}}@media (max-width:860px){.app-topbar,.room-topbar{padding-inline:16px}.brand-logo{width:138px;max-height:40px}.room-topbar-brand .brand-logo{width:104px}.hero-split,.room-preview-section,.feature-grid,.account-profile-form,.account-friends-grid,.room-layout-shell{grid-template-columns:1fr}.about-letter-section{grid-template-columns:1fr;gap:12px}.about-letter-section span,.about-letter-section h2,.about-letter-section p{grid-area:auto}.hero-column{min-height:auto;padding-top:40px}.platform-rail{margin-top:42px}.platform-logo-slot{min-width:clamp(120px,40vw,180px);min-height:76px;padding-inline:16px}.auth-shell{align-self:stretch}.room-preview-section{align-items:stretch}.signed-greeting-strip,.signed-section-header{flex-direction:column;align-items:flex-start}.signed-greeting-actions,.signed-code-join,.signed-search-shell{width:100%}.signed-room-row,.watch-history-row{grid-auto-columns:minmax(260px,86vw)}.room-bento-card-featured{grid-column:span 1}.account-identity-bar{flex-direction:column;align-items:flex-start}.room-screen{overflow:hidden auto}.room-layout-shell{gap:0;height:auto;padding:0;overflow:visible}.room-left-panel,.room-right-panel{display:none}.room-center-panel{padding:0 0 88px;overflow:visible}.room-player-surface{border-inline:0;border-radius:0}.room-player-surface-chess{aspect-ratio:auto;min-height:760px}.room-chess-stage{grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr);padding:14px;overflow:auto}.room-chess-stage-header{grid-template-columns:minmax(0,1fr) auto}.room-chess-stage-actions{grid-area:1/2}.room-chess-table{max-width:620px}.room-player-wrap{gap:12px}.room-player-controls,.room-player-meta,.room-recommendations,.room-mobile-search,.room-mobile-panel{max-width:calc(100vw - 28px);margin-inline:14px}.room-mobile-search,.room-mobile-panel{display:block}.room-player-controls{padding:8px 10px}.room-volume-group{display:none}.room-transport-right{flex:1;gap:6px;min-width:0}.room-speed-control{gap:2px}.room-speed-select{width:54px}.room-mobile-panel{margin-top:12px}.room-mobile-panel-card{width:100%;max-width:100%;padding:16px;overflow:hidden}.room-mobile-tabbar{z-index:110;min-height:58px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.room-mobile-tab{color:var(--muted);background:0 0;place-items:center;gap:3px;font-size:.68rem;display:grid}.room-mobile-tab-active{color:var(--accent)}}@media (max-width:640px){.landing-main{padding-inline:16px}.topbar-profile-copy,.room-topbar-home-label,.room-code-chip-prefix,.room-code-live-label,.room-topbar-meta-label,.room-sync-badge-label,.account-nav-link{display:none}.hero-title{font-size:clamp(3.1rem,18vw,5.2rem)}.room-code-shell{grid-template-columns:repeat(6,minmax(32px,1fr));width:100%}.room-player-surface-chess{min-height:690px}.room-chess-stage-header{grid-template-columns:1fr;align-items:stretch}.room-chess-stage-actions,.room-chess-action-row{width:100%}.room-chess-stage-actions,.room-chess-status-bar{grid-area:auto/1}.room-chess-status-bar,.room-chess-match-strip{grid-template-columns:1fr;width:100%}.room-chess-status-bar{flex-direction:column;align-items:flex-start}.room-chess-match-strip{display:grid}.room-chess-versus{justify-self:center;width:30px;height:30px}.room-chess-move-list{grid-template-columns:1fr}.room-chess-stage-actions .room-inline-chip-button,.room-chess-action-row .room-inline-chip-button,.room-chess-action-row .room-primary-button{flex:1;justify-content:center}.room-chess-board-shell{padding:8px}.room-chess-sidecar{grid-template-columns:1fr}.room-chess-player-card{min-height:48px}.room-chess-player-card time{min-width:62px;padding-inline:7px}.room-code-footer,.library-header,.account-library-header,.room-player-meta{flex-direction:column;align-items:flex-start}.feature-card,.room-preview-point,.auth-shell,.room-code-panel,.account-identity-bar,.account-profile-card{padding:22px}.room-preview-section{margin-top:40px}.room-preview-point{grid-template-columns:1fr}.room-preview-point>span{width:36px;height:36px}.topbar-actions,.account-topbar-actions{gap:8px}.hero-actions,.auth-cta-stack,.account-identity-actions,.account-library-actions,.account-friends-header,.account-friend-search,.signed-code-join,.account-code-join{flex-direction:column;align-items:stretch;width:100%}.hero-primary-button,.hero-secondary-button,.account-primary-button,.account-secondary-button{width:100%}.account-code-input,.signed-code-join input{flex:1;width:auto;min-width:0}.signed-section{padding:18px}.signed-greeting-strip{padding:16px}.activity-row{grid-template-columns:72px minmax(0,1fr)}.activity-row button{grid-column:1/-1;width:100%}.room-code-chip{max-width:48vw}.room-topbar-meta-chip{min-height:28px;padding-inline:9px}.room-topbar-members-menu{width:min(280px,100vw - 32px);left:0;right:auto}.room-code-chip-value{text-overflow:ellipsis;overflow:hidden}.room-modal-grid,.room-info-grid,.room-voice-actions,.room-recommendation-grid{grid-template-columns:1fr}.room-settings-section-heading{flex-direction:column;align-items:flex-start}.room-settings-share-actions,.room-settings-privacy-card{grid-template-columns:1fr}.room-settings-code-row{flex-direction:column;align-items:flex-start}.room-chat-composer-row{grid-template-columns:38px minmax(0,1fr) 44px}.room-chat-send span{display:none}}.room-right-panel{background:var(--glass-bg,#0f172a8c);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border,#ffffff14);border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 40px -10px #00000080,inset 0 1px #ffffff0d}.room-sidebar-tablist{background:#0003;border-bottom:1px solid #ffffff0d;gap:4px;padding:8px;display:flex}.room-sidebar-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;transition:all .2s;display:flex}.room-sidebar-tab:hover{color:#e2e8f0;background:#ffffff0d}.room-sidebar-tab-active,.room-sidebar-tab[aria-selected=true]{color:#fff;background:#ffffff1a;box-shadow:0 4px 12px #0003}.room-side-section{box-shadow:none!important;background:0 0!important;border-bottom:1px solid #ffffff0d!important;border-radius:0!important;margin:0!important;padding:0!important}.room-side-section:last-child{border-bottom:none!important}.room-side-header{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:background .2s;display:flex;background:0 0!important;border:none!important}.room-side-header:hover{background:#ffffff08!important}.room-panel-kicker{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.room-side-title-row strong{color:#f8fafc;font-size:1.1rem}.room-side-chevron{color:#64748b;transition:transform .3s}.room-side-section-open .room-side-chevron{transform:rotate(180deg)}.room-side-body{display:none;padding:0 20px 20px!important}.room-side-section-open .room-side-body{animation:.3s forwards fadeIn;display:block}.room-right-panel,.room-mobile-panel-card-room{--rp-bg:#0f0f10;--rp-surface:#161618;--rp-surface-2:#1c1c1f;--rp-surface-3:#232327;--rp-border:#ffffff12;--rp-border-strong:#ffffff1f;--rp-text:#e8e8ea;--rp-muted:#8a8a96;--rp-faint:#4a4a55;--rp-accent:#f6c343;--rp-accent-dim:#f6c34321;--rp-green:#34d399;--rp-green-dim:#34d3991f}.room-right-panel{border:1px solid var(--rp-border);background:var(--rp-surface);border-radius:40px;width:300px;min-width:280px;height:100%;box-shadow:0 18px 44px #00000038}.room-sidebar-tablist{border-bottom:1px solid var(--rp-border);background:var(--rp-surface-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;display:grid}.room-sidebar-toolbar{z-index:4;border-bottom:1px solid var(--rp-border);background:var(--rp-surface-2);align-items:center;padding:10px;display:flex;position:relative}.room-sidebar-tab{min-height:44px;color:var(--rp-muted);letter-spacing:0;background:0 0;border:1px solid #0000;border-radius:9999px;padding:0 12px;font-size:.875rem;font-weight:700;transition:color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1)}.room-sidebar-tab svg{width:16px;height:16px}.room-sidebar-tab:hover{color:var(--rp-text);background:#ffffff0a;transform:none}.room-sidebar-tab-active,.room-sidebar-tab[aria-selected=true]{background:var(--rp-accent-dim);color:var(--rp-accent);border-color:#f6c34338;box-shadow:0 0 0 1px #f6c3430d}.room-sidebar-badge{background:var(--rp-accent);color:#0f0f10;letter-spacing:0;min-width:20px;height:20px;font-size:.75rem}.room-sidebar-mic-group{grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;width:100%;display:grid;position:relative}.room-sidebar-mic-button{color:#fecaca;cursor:pointer;letter-spacing:0;background:linear-gradient(135deg,#361216f5,#161113fa);border:1px solid #f8717157;border-radius:9999px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 16px;font-size:.875rem;font-weight:800;transition:color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.room-sidebar-audio-toggle{border:1px solid var(--rp-border-strong);background:var(--rp-surface-3);min-height:44px;color:var(--rp-muted);cursor:pointer;border-radius:9999px;place-items:center;padding:0;transition:color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1);display:grid}.room-sidebar-mic-button:hover:not(:disabled),.room-sidebar-audio-toggle:hover{border-color:#f8717180;transform:translateY(-1px);box-shadow:0 10px 22px #0000003d}.room-sidebar-audio-toggle:hover{color:var(--rp-accent);border-color:#f6c34357}.room-sidebar-audio-toggle[aria-expanded=true]{background:var(--rp-accent-dim);color:var(--rp-accent);border-color:#f6c3434d}.room-sidebar-audio-toggle svg{width:18px;height:18px}.room-sidebar-audio-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.room-sidebar-more-toggle[aria-expanded=true] svg{transform:none}.room-sidebar-mic-button:disabled{cursor:not-allowed;opacity:.58}.room-sidebar-mic-button-live{color:#86efac;background:linear-gradient(135deg,#13342af5,#0f211afa);border-color:#34d3994d;box-shadow:0 0 0 1px #34d39914}.room-sidebar-mic-button svg{width:18px;height:18px}.room-sidebar-audio-menu{z-index:12;border:1px solid var(--rp-border-strong);background:#161618fa;border-radius:18px;gap:12px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 22px 42px #00000061}.room-sidebar-audio-menu .room-device-group{gap:6px}.room-sidebar-audio-menu .room-device-select{min-height:40px;font-size:.8rem}.room-sidebar-voice-menu{gap:8px}.room-sidebar-voice-menu .room-voice-action{border-radius:.5rem;width:100%;min-height:56px;padding:10px}.room-sidebar-voice-menu .room-voice-action-copy strong{font-size:.8rem}.room-sidebar-voice-menu .room-voice-action-copy span{font-size:.72rem}.room-sidebar-slider-stack{border:1px solid var(--rp-border);background:var(--rp-surface-3);border-radius:.5rem;gap:8px;padding:10px}.room-sidebar-diagnostics-card{border-radius:.5rem;gap:6px;padding:10px;display:grid}.room-sidebar-tabpanel{z-index:1;height:calc(100dvh - var(--nav-h) - 65px);background:var(--rp-surface);padding:14px;position:relative}.room-sidebar-room{gap:12px}.room-info-card{border:1px solid var(--rp-border);background:var(--rp-surface-2);border-radius:.5rem;padding:14px}.room-info-card .room-panel-kicker,.room-right-panel .room-panel-label,.room-mobile-panel-card-room .room-panel-label{color:var(--rp-faint);letter-spacing:.07em;text-transform:uppercase;font-size:.75rem;font-weight:800}.room-info-grid{grid-template-columns:1fr;gap:8px}.room-info-row{border:0;border-bottom:1px solid var(--rp-border);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 0;display:flex}.room-info-row:last-child{border-bottom:0}.room-info-row span{color:var(--rp-muted);letter-spacing:0;text-transform:none;font-size:.875rem;font-weight:500}.room-info-row strong{color:var(--rp-text);font-size:.875rem;font-weight:700}.room-status-badge,.room-role-chip{letter-spacing:0;text-transform:none;border-radius:9999px;align-items:center;gap:6px;min-height:24px;padding:3px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.room-status-badge-ready{background:var(--rp-green-dim);color:var(--rp-green)!important}.room-status-badge-accent,.room-role-chip-host{background:var(--rp-accent-dim);color:var(--rp-accent)!important}.room-info-card .room-ready-dot,.room-voice-card .room-live-dot{background:var(--rp-faint);border-radius:9999px;width:8px;height:8px}.room-info-card .room-ready-dot,.room-voice-card .room-live-dot-on{background:var(--rp-green);box-shadow:0 0 0 4px var(--rp-green-dim)}.room-share-block{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px}.room-share-code{color:var(--rp-text);font-family:var(--font-mono);letter-spacing:.2em;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;font-weight:700;overflow:hidden}.room-share-primary,.room-share-link-button,.room-voice-toggle-button{border:1px solid var(--rp-border-strong);background:var(--rp-surface-3);min-height:44px;color:var(--rp-text);box-shadow:none;border-radius:9999px;transition:color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1)}.room-share-primary:hover,.room-share-link-button:hover,.room-voice-toggle-button:hover{background:var(--rp-accent);color:#0f0f10;transform:none}.room-share-primary svg{width:15px;height:15px}.room-share-link-button{width:100%;margin-top:10px}.room-participant-list{gap:4px;display:grid}.room-participant-row{border-bottom:1px solid var(--rp-border);align-items:center;min-height:52px;padding:8px 0}.room-participant-row:last-child{border-bottom:0}.room-avatar-image,.room-chat-avatar,.room-avatar-fallback{width:34px;height:34px}.room-info-card .room-avatar-fallback,.room-info-card .room-chat-avatar-fallback{background:var(--rp-surface-3);color:var(--rp-accent)}.room-participant-name-row strong{color:var(--rp-text);font-size:.875rem;font-weight:700}.room-participant-meta{color:var(--rp-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.room-chat-panel{gap:0;min-width:0;min-height:0}.room-chat-scroll{scrollbar-width:thin;scrollbar-color:var(--rp-surface-3) transparent;min-width:0;min-height:0;padding:4px 4px 12px 0}.room-chat-scroll::-webkit-scrollbar{width:4px}.room-chat-scroll::-webkit-scrollbar-thumb{background:var(--rp-surface-3);border-radius:9999px}.room-chat-list{gap:12px}.room-chat-row{grid-template-columns:30px minmax(0,1fr);gap:8px}.room-chat-row-self{grid-template-columns:minmax(0,1fr) 30px}.room-chat-bubble-stack{min-width:0}.room-chat-meta{gap:7px;margin-bottom:4px}.room-chat-row-self .room-chat-meta{justify-content:flex-end}.room-chat-meta strong{color:var(--rp-accent);font-size:.75rem;font-weight:800}.room-chat-meta span{color:var(--rp-faint);font-size:.75rem}.room-chat-bubble{border:1px solid var(--rp-border);background:var(--rp-surface-2);max-width:min(100%,218px);color:var(--rp-text);overflow-wrap:anywhere;word-break:break-word;border-radius:0 .875rem .875rem;padding:10px 12px;font-size:.875rem;font-weight:500;line-height:1.45}.room-chat-bubble-self{background:var(--rp-accent-dim);border-color:#f6c34333;border-radius:.875rem 0 .875rem .875rem}.room-chat-bubble-emoji{background:0 0;border:0;font-size:1.8rem}.room-chat-system-pill{color:var(--rp-muted);font-size:.75rem}.room-chat-composer{border-top:1px solid var(--rp-border);gap:10px;min-width:0;padding-top:12px}.text-emoji{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:4px 6px;font-size:.65rem;font-weight:700;line-height:1;display:inline-block}.text-emoji-play{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 4px #10b9814d}.text-emoji-pause{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 4px #f59e0b4d}.room-floating-reaction .text-emoji{padding:6px 10px;font-size:1rem}.room-chat-composer-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-width:0}.room-chat-emoji-trigger,.room-chat-send{border-radius:9999px;width:44px;min-width:44px;min-height:44px;padding:0}.room-chat-send{background:var(--rp-accent);color:#080808;border:1px solid #f6c3436b;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),filter .16s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 20px #f6c34329,inset 0 1px #ffffff47}.room-chat-send:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 14px 24px #f6c34338,inset 0 1px #ffffff52}.room-chat-send svg{width:19px;height:19px}.room-chat-send span{display:none}.room-chat-input{border:1px solid var(--rp-border);background:var(--rp-surface-2);min-height:44px;color:var(--rp-text);resize:none;border-radius:9999px;padding:0 16px;font-size:.875rem;transition:color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1)}.room-chat-input:focus{box-shadow:0 0 0 4px var(--rp-accent-dim);border-color:#a78bfa80;outline:0}.room-chat-input::placeholder{color:var(--rp-muted)}.room-chat-composer-meta{color:var(--rp-faint);font-size:.75rem}.room-voice-card{gap:14px}.room-device-stack{gap:10px}.room-device-group{gap:4px;display:grid}.room-device-group-divider{border-top:1px solid var(--rp-border);margin-top:4px;padding-top:12px}.room-device-note{font-size:.78rem}.room-voice-primary-toggle{border:1px solid var(--rp-border);background:var(--rp-surface-3);width:100%;min-height:64px;color:var(--rp-text);text-align:left;border-radius:.85rem;align-items:center;gap:14px;padding:12px 14px;transition:border-color .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);display:flex}.room-voice-primary-toggle:hover:not(:disabled){border-color:#a78bfa61;box-shadow:0 0 0 4px #a78bfa14}.room-voice-primary-toggle:disabled{opacity:.68}.room-voice-primary-toggle-live{background:linear-gradient(135deg,#a78bfa2e,#141418eb);border-color:#a78bfa57}.room-voice-primary-icon{width:42px;height:42px;color:var(--rp-accent);background:#ffffff0f;border-radius:999px;place-items:center;display:grid}.room-voice-primary-icon svg{width:20px;height:20px}.room-voice-primary-copy{flex:1;gap:3px;min-width:0;display:grid}.room-voice-primary-copy strong{color:var(--rp-text);font-size:.95rem}.room-voice-primary-copy span{color:var(--rp-muted);font-size:.8rem;line-height:1.45}.room-voice-primary-action{color:var(--rp-accent);font-size:.82rem;font-weight:700}.room-select-shell{position:relative}.room-device-select{border:1px solid var(--rp-border);background:var(--rp-surface-3);min-height:44px;color:var(--rp-text);appearance:none;border-radius:.5rem;font-size:.875rem}.room-device-select:focus{box-shadow:0 0 0 4px var(--rp-accent-dim);border-color:#a78bfa80;outline:0}.room-select-chevron{color:var(--rp-muted)}.room-advanced-toggle{width:100%;min-height:44px;color:var(--rp-muted);background:0 0;justify-content:space-between;padding:0 2px;font-size:.875rem;font-weight:700}.room-advanced-toggle svg{width:16px;height:16px;transition:transform .16s cubic-bezier(.16,1,.3,1)}.room-advanced-chevron-open{transform:rotate(180deg)}.room-voice-advanced-panel{gap:12px;display:grid}.room-voice-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.room-voice-action{border-radius:.5rem;align-items:flex-start;gap:10px;min-height:72px;padding:12px;display:flex}.room-voice-action-active{background:var(--rp-accent-dim);color:var(--rp-accent);border-color:#a78bfa52}.room-voice-action-secondary{background:#ffffff05}.room-voice-action svg{flex:none;width:18px;height:18px;margin-top:2px}.room-voice-action-copy{text-align:left;gap:2px;display:grid}.room-voice-action-copy strong{color:currentColor;font-size:.84rem}.room-voice-action-copy span{color:var(--rp-muted);font-size:.74rem;line-height:1.4}.room-voice-status-card,.room-diagnostics-card{border:1px solid var(--rp-border);background:var(--rp-surface-3)}.room-mic-meter-prominent{background:#ffffff14;height:6px;margin:-2px 0 2px}.room-mic-meter-fill{background:var(--rp-accent)}.room-right-panel .room-debug-line,.room-right-panel .room-inline-note,.room-mobile-panel-card-room .room-debug-line,.room-mobile-panel-card-room .room-inline-note{color:var(--rp-muted);font-size:.75rem}.room-debug-panel{gap:12px;min-height:0;display:grid}.room-debug-card{gap:10px;display:grid}.room-debug-header,.room-debug-participant-top,.room-debug-event-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-debug-header strong,.room-debug-participant-top strong,.room-debug-event-top strong{min-width:0;color:var(--rp-text);font-size:.875rem}.room-debug-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.room-debug-action{border-radius:.5rem;min-height:32px;padding:0 10px;font-size:.75rem}.room-debug-grid,.room-debug-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.room-debug-grid div,.room-debug-metrics span{border:1px solid var(--rp-border);background:var(--rp-surface-3);border-radius:.5rem;min-width:0;padding:8px}.room-debug-grid span,.room-debug-metrics span{color:var(--rp-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.room-debug-grid strong{color:var(--rp-text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.78rem;display:block;overflow:hidden}.room-debug-finding-list,.room-debug-participant-list,.room-debug-timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.room-debug-finding,.room-debug-participant,.room-debug-event{border:1px solid var(--rp-border);background:var(--rp-surface-3);border-radius:.5rem;min-width:0;padding:10px}.room-debug-finding{color:#f8d77b;border-color:#fbbf2447;font-size:.78rem;line-height:1.4}.room-debug-pill{border:1px solid var(--rp-border-strong);color:var(--rp-muted);text-transform:capitalize;border-radius:9999px;flex:none;padding:3px 8px;font-size:.72rem;font-weight:800}.room-debug-pill-host{background:var(--rp-accent-dim);color:var(--rp-accent);border-color:#a78bfa47}.room-debug-metrics{margin-top:8px}.room-debug-event-top span{color:var(--rp-faint);font-family:var(--font-mono);flex:none;font-size:.72rem}@media (max-width:1120px){.room-right-panel{width:auto;min-width:0;display:none}.room-mobile-panel-card-room{border:1px solid var(--rp-border);background:var(--rp-surface)}.room-mobile-panel-card-room .room-sidebar-tabpanel,.room-mobile-room-body{height:auto;max-height:70dvh;padding:14px 0 0;overflow:auto}}.diagnostics-shell{color:#172033;background:#f5f7fb;min-height:100vh;padding:32px}.diagnostics-header,.diagnostics-controls,.diagnostics-section,.diagnostics-raw{width:min(1180px,100%);margin:0 auto}.diagnostics-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.diagnostics-kicker{color:#4361ee;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:800;display:block}.diagnostics-header h1{margin:0 0 8px;font-size:2rem;line-height:1.1}.diagnostics-header p{color:#596579;max-width:680px;margin:0}.diagnostics-header-actions{gap:10px;display:flex}.diagnostics-link-button,.diagnostics-controls button{color:#fff;cursor:pointer;background:#172033;border:1px solid #172033;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.diagnostics-controls button:disabled{cursor:not-allowed;opacity:.5}.diagnostics-controls{background:#fff;border:1px solid #d9e0ec;border-radius:8px;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:end;gap:12px;margin-bottom:14px;padding:14px;display:grid}.diagnostics-controls label{color:#596579;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:800;display:grid}.diagnostics-controls input[type=text],.diagnostics-controls input:not([type]){color:#172033;text-transform:uppercase;border:1px solid #c7d0df;border-radius:8px;min-height:42px;padding:0 12px;font-size:1rem}.diagnostics-toggle{flex-direction:row;align-self:center;align-items:center;min-height:42px;text-transform:none!important;gap:8px!important;display:flex!important}.room-topbar-action-mobile,.room-mobile-chat-dock{display:none}.room-player-empty-icon-hero{width:52px;height:52px}.room-player-join-button{position:relative;overflow:hidden}.room-mobile-add-button{min-width:84px;min-height:44px;color:var(--accent);background:#f6c3431a;border:1px solid #f6c3433d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.82rem;font-weight:700;display:inline-flex}.room-mobile-add-button svg{width:16px;height:16px}.room-mobile-add-button:disabled{cursor:not-allowed;opacity:.55}.room-mobile-panel-card-queue,.room-mobile-queue-list,.room-mobile-empty-state{gap:14px;display:grid}.room-mobile-empty-state{justify-items:start}.room-empty-icon-large{width:48px;height:48px}.room-mobile-queue-tools{z-index:3;background:linear-gradient(#161618fa 0%,#161618f0 78%,#16161800 100%);gap:12px;padding-bottom:12px;display:grid;position:sticky;top:0}.room-mobile-queue-search{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.room-mobile-queue-switcher{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:inline-grid}.room-mobile-queue-switcher button{min-height:36px;color:var(--muted);background:0 0;border-radius:999px;padding:0 14px;font-size:.8rem;font-weight:700}.room-mobile-queue-switcher button.is-active,.room-mobile-queue-switcher button[aria-selected=true]{color:var(--accent);background:#f6c3431f}.room-mobile-tab-icon-shell{place-items:center;display:inline-grid;position:relative}.room-mobile-tab-badge{color:#fff;background:#f43f5e;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.66rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-10px}.room-mobile-tab-dot{background:#ef4444;border:2px solid #0a0a0af0;border-radius:999px;width:9px;height:9px;position:absolute;top:-2px;left:-4px}.room-mobile-sheet-overlay{align-items:flex-end}.room-mobile-sheet{width:min(100%,560px);padding:14px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--border);background:#0e0e10fa;border-bottom:0;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -20px 48px #0006}.room-mobile-sheet-handle{background:#fff3;border-radius:999px;width:44px;height:4px;margin:0 auto 14px}.room-mobile-sheet-header{gap:4px;margin-bottom:12px;display:grid}.room-mobile-sheet-action{width:100%;min-height:50px;color:var(--text);text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:0 6px;display:flex}.room-mobile-sheet-action:hover:not(:disabled){background:#ffffff0b}.room-mobile-sheet-action:disabled{color:var(--faint)}.room-mobile-sheet-action:last-of-type{border-bottom:0}.room-mobile-sheet-action svg{width:18px;height:18px;color:var(--accent)}@keyframes roomJoinPulse{0%,to{box-shadow:0 10px 24px #f6c34333}50%{box-shadow:0 16px 34px #f6c34357}}@media (max-width:860px){.room-topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:12px;display:grid}.room-topbar-brand .brand-logo{width:74px;display:block}.room-code-cluster{min-width:0}.room-code-chip{max-width:100%}.room-topbar-meta{gap:8px}.room-topbar-meta-chip-accent,.room-topbar-meta-chip:not(.room-topbar-members-trigger){display:none}.room-topbar-members-trigger{min-height:36px;padding-inline:12px}.room-topbar-actions{gap:8px}.room-topbar-actions .notification-inbox-shell,.room-topbar-action-desktop{display:none}.room-topbar-action-mobile{display:inline-flex}.room-player-controls,.room-player-meta,.room-recommendations,.room-mobile-panel{margin-inline:16px}.room-mobile-panel{margin-top:12px;padding-bottom:150px;display:block}.room-mobile-panel-card{width:100%;max-width:100%;padding:16px;overflow:hidden}.room-mobile-tabbar{min-height:64px;padding:4px 12px calc(4px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-mobile-tab{border-radius:16px;min-height:52px;font-size:.76rem;font-weight:700}.room-mobile-tab svg{width:22px;height:22px}.room-mobile-tab-active{color:var(--accent);background:#f6c3431f;box-shadow:inset 0 -2px #f6c34352}.room-player-empty-copy,.room-empty-copy{white-space:normal;width:min(100%,36ch);max-width:calc(100vw - 36px);font-size:.84rem;line-height:1.55}.room-player-empty h2{overflow-wrap:anywhere;max-width:calc(100vw - 36px)}.room-player-empty-icon-hero{width:56px;height:56px}.room-player-join-button{justify-content:center;width:min(100%,326px);animation:2.2s ease-in-out infinite roomJoinPulse}.room-sync-badge-label{display:inline}.room-sync-badge{background:#ffffff0a;border-radius:999px;gap:8px;padding:6px 10px;font-size:.76rem;font-weight:700}.room-mobile-room-body{padding-bottom:96px}.room-mobile-room-body .room-chat-composer{display:none}.room-mobile-chat-dock{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:115;padding:0 14px 10px;display:none;position:fixed}.room-mobile-chat-dock-active{display:block}.room-chat-composer-mobile{border:1px solid var(--rp-border,var(--border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0e10f5;border-radius:20px;padding:10px 12px 12px;box-shadow:0 16px 36px #00000057}.room-chat-composer-mobile .room-chat-composer-meta{display:none}}@media (max-width:640px){.app-topbar:not(.room-topbar),.account-topbar{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:62px;padding-inline:16px;display:grid}.app-topbar:not(.room-topbar) .brand-mark,.account-brand-link{min-width:0}.app-topbar:not(.room-topbar) .brand-logo{width:138px;max-width:42vw}.topbar-actions,.account-topbar-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;min-width:0}.topbar-actions .topbar-join-button,.account-topbar-actions .account-nav-link{display:none}.topbar-create-button,.account-nav-button{border-radius:999px;flex:0 0 40px;width:40px;min-width:40px;min-height:40px;padding:0;font-size:0}.topbar-create-button:before{content:"+";font-size:1.2rem;line-height:1}.account-nav-button span{display:none}.account-nav-button svg{width:18px;height:18px}.topbar-avatar-button,.account-menu-trigger,.notification-inbox-trigger{flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px}.topbar-avatar-button{min-width:40px;padding:0}.topbar-avatar-button:after{display:none}.account-menu-trigger{justify-content:center;padding:0}.account-menu-trigger .account-menu-chevron{display:none}.room-sync-badge-label{display:inline}.room-player-meta{align-items:stretch}.room-player-meta>div{gap:4px}.room-player-meta-actions{justify-content:space-between;width:100%;margin-left:0}.room-playlist-row-actions,.room-playlist-featured-actions{justify-content:flex-start;margin-left:0}.room-code-chip{white-space:nowrap;min-width:0;max-width:calc(100vw - 132px)}.room-code-chip-value{min-width:0}.room-topbar-meta-chip{min-height:32px}.room-mobile-queue-search{grid-template-columns:minmax(0,1fr)}.room-mobile-add-button{width:100%}.room-chat-composer-mobile .room-chat-composer-row{grid-template-columns:40px minmax(0,1fr) 48px;align-items:center;gap:8px}.room-chat-composer-mobile .room-chat-send{background:var(--rp-accent,var(--accent));color:#080808;opacity:1;border-color:#e5ff4785;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;display:inline-grid}.room-chat-composer-mobile .room-chat-send:disabled{color:#e5ff47b8;background:#e5ff471a;border-color:#e5ff4733;box-shadow:inset 0 0 0 1px #e5ff4714}.room-chat-composer-mobile .room-chat-send svg{width:20px;height:20px;display:block}.room-topbar-members-menu{width:auto;max-height:min(360px,100dvh - 92px);position:fixed;top:58px;left:14px;right:14px}.room-reaction-tray{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;max-width:100vw;padding:0 18px 2px;overflow-x:auto}.room-reaction-tray::-webkit-scrollbar{display:none}.room-reaction-button{flex:none;width:36px;height:36px;font-size:1.04rem}.room-reaction-button.custom-text-emoji{width:auto;min-width:48px;padding-inline:9px;font-size:.7rem}}.diagnostics-alert{color:#24543a;background:#e9f8f0;border:1px solid #b8e7cb;border-radius:8px;width:min(1180px,100%);margin:0 auto 18px;padding:10px 14px;font-weight:700}.diagnostics-alert-bad{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.diagnostics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1180px,100%);margin:0 auto 14px;display:grid}.diagnostics-card,.diagnostics-section,.diagnostics-client-card,.diagnostics-raw{background:#fff;border:1px solid #d9e0ec;border-radius:8px}.diagnostics-card{padding:14px}.diagnostics-card span,.diagnostics-section-heading span,.diagnostics-client-title span,.diagnostics-muted{color:#667085}.diagnostics-card strong{margin:4px 0;font-size:1.35rem;display:block}.diagnostics-card p,.diagnostics-section p{margin:0}.diagnostics-section{margin-bottom:14px;padding:16px}.diagnostics-section-heading,.diagnostics-client-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.diagnostics-section h2,.diagnostics-voice h3{margin:0;font-size:1rem}.diagnostics-findings{gap:8px;margin:0;padding:0;display:grid}.diagnostics-findings li{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:9px 10px;font-weight:700;list-style:none}.diagnostics-client-list{gap:12px;display:grid}.diagnostics-client-card{padding:14px}.diagnostics-client-title strong{font-size:1.05rem;display:block}.diagnostics-pill{border:1px solid #d9e0ec;border-radius:999px;padding:5px 8px;font-size:.78rem;font-weight:800}.diagnostics-pill.good,.diagnostics-metrics .good{color:#067647}.diagnostics-pill.bad,.diagnostics-metrics .bad{color:#b42318}.diagnostics-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.diagnostics-metrics span{color:#667085;background:#f8fafc;border:1px solid #e4e9f2;border-radius:8px;min-width:0;padding:8px}.diagnostics-metrics b{color:#172033;overflow-wrap:anywhere;display:block}.diagnostics-metrics .warn{color:#b54708}.diagnostics-metrics .neutral{color:#475467}.diagnostics-voice{border-top:1px solid #edf1f7;margin-top:14px;padding-top:14px}.diagnostics-peer-list,.diagnostics-timeline{gap:8px;margin:12px 0 0;padding:0;display:grid}.diagnostics-peer-list li,.diagnostics-timeline li{background:#f8fafc;border:1px solid #e4e9f2;border-radius:8px;gap:4px;padding:10px;list-style:none;display:grid}.diagnostics-peer-list span,.diagnostics-timeline span{color:#667085}.diagnostics-timeline div{justify-content:space-between;gap:10px;display:flex}.diagnostics-timeline p{color:#475467;overflow-wrap:anywhere}.diagnostics-raw{margin-bottom:24px;padding:14px}.diagnostics-raw summary{cursor:pointer;font-weight:800}.diagnostics-raw pre{color:#d1fadf;white-space:pre-wrap;background:#101828;border-radius:8px;max-height:520px;padding:14px;overflow:auto}@media (max-width:900px){.diagnostics-shell{padding:18px}.diagnostics-header{display:grid}.diagnostics-controls,.diagnostics-grid,.diagnostics-metrics{grid-template-columns:1fr}}.signed-home{gap:16px}.signed-command-strip,.signed-upcoming-inline{border:1px solid var(--border);background:linear-gradient(135deg,#f6c3430e,#0000 42%),#111111db;border-radius:10px;box-shadow:0 24px 80px #0000003d}.signed-command-strip{padding:18px 22px;display:block}.signed-command-copy,.signed-quick-actions,.signed-room-footer,.signed-activity-tabs,.signed-upcoming-inline{align-items:center;gap:14px;display:flex}.signed-command-copy{min-width:0}.signed-command-copy>div:last-child{gap:4px;min-width:0;display:grid}.signed-command-copy h1{color:var(--text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.02;overflow:hidden}.signed-command-copy p,.signed-room-status-line,.signed-room-social,.signed-upcoming-inline p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.signed-quick-actions{flex-wrap:wrap;justify-content:flex-end}.signed-section{background:linear-gradient(#ffffff09,#0000 38%),#111111d6}.signed-section-primary{padding-bottom:22px}.signed-section-header{gap:18px}.signed-search-shell input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:8px;outline:none;padding-inline:12px}.signed-search-shell input:focus{border-color:#f6c3436b;box-shadow:0 0 0 3px #f6c34314}.signed-room-row{grid-auto-flow:initial;grid-auto-columns:initial;scroll-snap-type:none;grid-template-columns:1fr;padding:2px;overflow:visible}.signed-room-card{grid-template-rows:none;grid-template-columns:minmax(220px,320px) minmax(0,1fr);min-width:0;min-height:190px;display:grid;overflow:visible}.signed-room-card:hover{transform:translateY(-2px)}.signed-room-card:focus-within{z-index:30}.signed-room-card:has(.signed-room-menu[open]){z-index:30}.signed-room-card-live{border-color:#f6c3435c;animation:none;box-shadow:0 0 0 1px #f6c34314,0 18px 50px #00000047}.signed-room-art{background-position:top;background-size:cover;align-items:flex-end;min-height:100%;padding:12px;display:flex;overflow:hidden}.signed-room-body{grid-template-rows:auto auto auto minmax(0,1fr);gap:9px;padding:15px}.signed-room-title-row{align-items:flex-start;gap:10px}.signed-room-title-row h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.04rem;overflow:hidden}.signed-room-status-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.signed-room-social{width:max-content;max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#f6c34312;border:1px solid #f6c3432e;border-radius:999px;padding:5px 8px;font-size:.76rem;font-weight:780;overflow:hidden}.signed-room-footer{justify-content:space-between;align-self:end;gap:12px;margin-top:7px}.signed-room-footer .hero-primary-button{min-height:38px;padding-inline:18px}.signed-room-menu{z-index:2;flex:none;position:relative}.signed-room-menu[open]{z-index:40}.signed-room-menu summary{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffff0b;border-radius:999px;place-items:center;list-style:none;display:grid}.signed-room-menu summary::-webkit-details-marker{display:none}.signed-room-menu[open] summary,.signed-room-menu summary:hover{color:var(--accent);border-color:#f6c34357}.signed-more-dots,.signed-more-dots:before,.signed-more-dots:after{background:currentColor;border-radius:999px;width:4px;height:4px;display:block}.signed-more-dots{position:relative}.signed-more-dots:before,.signed-more-dots:after{content:"";position:absolute;top:0}.signed-more-dots:before{left:-7px}.signed-more-dots:after{right:-7px}.signed-room-menu-panel{z-index:50;border:1px solid var(--border-strong);background:#111;border-radius:8px;min-width:150px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px #00000073}.signed-room-menu-panel button{min-height:34px;color:var(--text);text-align:left;border-radius:6px;padding:0 10px;font-size:.8rem;font-weight:760}.signed-room-menu-panel button:hover{background:#ffffff12}.signed-room-menu-panel button:disabled{cursor:wait;opacity:.55}.signed-room-menu-panel .signed-room-menu-danger{color:#fecdd3}.signed-room-menu-panel .signed-room-menu-danger:hover{background:#f8717121}.signed-activity-section{gap:14px;display:grid}.signed-activity-section .signed-section-header{margin-bottom:0}.signed-activity-tabs{flex-wrap:wrap}.signed-activity-tabs button{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#ffffff09;border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:780}.signed-activity-tabs button.is-active{color:var(--accent);background:#f6c3431a;border-color:#f6c3435c}.signed-live-summary,.signed-upcoming-inline{border:1px solid var(--border);background:#ffffff09;border-radius:10px}.signed-live-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:16px;display:grid}.signed-live-summary strong,.signed-upcoming-inline strong{color:var(--text);margin:0;font-size:.98rem}.signed-live-summary p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.signed-live-summary button{grid-area:1/2/span 2}.activity-row{border-radius:8px}.activity-row span{color:var(--faint)}.signed-upcoming-inline{justify-content:space-between;padding:14px 16px}.signed-upcoming-inline>div{gap:3px;min-width:0;display:grid}.signed-lower-section{margin-top:2px}.watch-history-card{border-radius:8px}@media (max-width:860px){.signed-command-strip,.signed-live-summary{grid-template-columns:1fr}.signed-command-copy h1{white-space:normal}.signed-quick-actions,.signed-code-join,.signed-search-shell,.signed-upcoming-inline,.signed-live-summary button{width:100%}.signed-live-summary button{grid-area:auto}.signed-room-row{grid-template-columns:1fr}}@media (max-width:640px){.signed-command-strip,.signed-section{padding:16px}.signed-command-copy{align-items:flex-start}.signed-quick-actions,.signed-upcoming-inline,.signed-section-header{flex-direction:column;align-items:stretch}.signed-room-title-row{grid-template-columns:minmax(0,1fr) auto;display:grid}.signed-room-card,.signed-skeleton-card{grid-template-columns:1fr}.signed-room-art{aspect-ratio:16/9;min-height:0}.signed-skeleton-card div{grid-row:auto}.signed-room-rename-form{grid-column:1/-1;grid-template-columns:1fr}.signed-room-footer{flex-direction:column;align-items:stretch}.signed-room-footer .hero-primary-button{width:100%}.signed-room-menu-panel{left:auto;right:0}}@media (max-width:980px){.account-dashboard-shell{grid-template-columns:1fr}.account-sidebar{grid-template-columns:auto minmax(0,1fr);align-items:center;position:relative;top:auto}.account-sidebar-nav,.account-sidebar-divider{display:none}.account-sidebar-identity{text-align:left;justify-items:start}.account-sidebar-avatar-button{justify-self:start}}@media (max-width:720px){.account-page-shell{padding-bottom:86px}.account-dashboard-shell{gap:14px}.account-sidebar,.account-main-panel{border-radius:8px}.account-sidebar{grid-template-columns:1fr;justify-items:center;padding:18px}.account-sidebar-identity{text-align:center;justify-items:center}.account-main-panel{min-height:auto;padding:20px}.account-panel-header,.account-account-row{flex-direction:column;align-items:flex-start}.account-friend-search{grid-template-columns:1fr}.account-friend-row{flex-wrap:wrap;align-items:flex-start}.account-row-actions{justify-content:flex-start;width:100%;margin-left:42px}.account-room-actions,.account-danger-actions,.account-code-join-panel{flex-direction:column;align-items:stretch}.account-toggle-row{justify-content:space-between;width:100%;margin-left:0}.account-mobile-tabbar{z-index:240;min-height:64px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.account-mobile-tabbar button{border-radius:7px;flex-direction:column;justify-content:center;gap:4px;min-height:50px;padding:0 3px;font-size:.64rem}.account-mobile-tabbar button.is-active{color:var(--accent);background:#f6c34314}.account-mobile-tabbar button em{margin-left:0;position:absolute;top:3px;right:10px}}.ext-prompt-overlay{z-index:1100;-webkit-backdrop-filter:blur(16px);background:#000000bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ext-prompt-card{border:1px solid var(--border-strong);background:var(--surface);text-align:center;border-radius:20px;width:min(420px,100%);padding:36px 32px 28px;animation:.24s cubic-bezier(.16,1,.3,1) november-enter;box-shadow:0 32px 80px #000000a6,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.ext-prompt-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:inline-flex;box-shadow:0 0 24px #f6c34326}.ext-prompt-icon svg{width:32px;height:32px}.ext-prompt-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin:0 0 10px;font-size:1.35rem;font-weight:700}.ext-prompt-body{font-family:var(--font-body);color:var(--muted);margin:0 0 24px;font-size:.92rem;line-height:1.65}.ext-prompt-browsers{justify-content:center;align-items:center;gap:20px;margin:0 0 24px;display:flex}.ext-prompt-browser-item{color:var(--muted);font-size:.78rem;font-family:var(--font-body);flex-direction:column;align-items:center;gap:6px;display:flex}.ext-prompt-browser-item svg{opacity:.85;width:28px;height:28px}.ext-prompt-cta{background:var(--accent);color:#0a0a0a;width:100%;font-family:var(--font-body);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:12px;padding:13px 24px;font-size:.95rem;font-weight:600;transition:box-shadow .2s,transform .15s;display:block}.ext-prompt-cta:hover{transform:translateY(-1px);box-shadow:0 0 20px #f6c34359}.ext-prompt-cta:active{transform:translateY(0)}.ext-prompt-refresh-hint{color:var(--faint);font-size:.8rem;font-family:var(--font-body);margin:10px 0 0}.ext-prompt-dismiss{color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:4px 8px;font-size:.85rem;transition:color .15s;display:inline-block}.ext-prompt-dismiss:hover{color:var(--text);text-decoration:underline}@media (max-width:480px){.ext-prompt-card{border-radius:16px;padding:28px 20px 22px}.ext-prompt-title{font-size:1.2rem}.ext-prompt-browsers{gap:14px}}