@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-root: #0B0D0E;--bg-card: #141719;--bg-raised: #1C1F22;--bg-hover: #222629;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--text-main: #F5F5F2;--text-muted: #9A9D9F;--text-dim: #5C6063;--accent: #FFD21F;--accent-dim: rgba(255, 210, 31, .12);--accent-glow: rgba(255, 210, 31, .25);--accent-cyan: #38bdf8;--accent-rose: #f25f5c;--green: #3DD68C;--red: #F25F5C;--orange: #F4A942;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-full: 9999px;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", monospace}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,.btn:focus-visible,.btn-icon:focus-visible,.home-nav-pill:focus-visible,.header-btn:focus-visible,.sidebar-tab-btn:focus-visible,.btn-card-action:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;box-shadow:0 0 14px var(--accent-glow)!important}.btn:active,.btn-icon:active,.btn-card-action:active,.home-nav-pill:active{transform:scale(.98);transition:transform .08s ease}.input-field.input-field-error{border-color:#f25f5c!important;box-shadow:0 0 0 1px #f25f5c,0 0 12px #f25f5c40!important}.input-inline-feedback{margin-top:.35rem;font-size:.76rem;display:flex;align-items:center;gap:.35rem;line-height:1.3;animation:fadeInFeedback .2s ease-in-out}@keyframes fadeInFeedback{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.input-inline-feedback.error{color:#f87171}.input-inline-feedback.success{color:#34d399}.input-inline-feedback.info{color:var(--text-muted)}.home-preset-pills{margin-top:.45rem;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.preset-label{font-size:.72rem;color:var(--text-dim);font-weight:500;margin-right:.15rem}.preset-pill-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--r-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:var(--text-muted);font-size:.73rem;font-weight:500;cursor:pointer;transition:all .15s ease}.preset-pill-btn:hover{background:var(--accent-dim);border-color:#ffd21f4d;color:var(--accent)}.room-page-root{--room-accent: var(--accent)}.connection-status-banner{position:relative;z-index:100;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.38rem 1rem;background:#261c08fa;border-bottom:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:.76rem;font-weight:600;box-shadow:0 2px 10px #00000059;flex-shrink:0}.connection-status-banner.connecting{border-bottom-color:#38bdf859;background:#081e2afa;color:#7dd3fc}.connection-retry-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:var(--r-full);background:#f59e0b33;border:1px solid rgba(245,158,11,.45);color:#fbbf24;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.connection-retry-btn:hover{background:#f59e0b59;color:#fff}.connection-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulseDot 1.2s infinite}.room-page-root[data-room-theme=ocean]{--bg-deep: #071521;--bg-card: #0d2230;--bg-raised: #123446;--room-accent-soft: rgba(56, 189, 248, .16)}.room-page-root[data-room-theme=forest]{--bg-deep: #081812;--bg-card: #10261d;--bg-raised: #173628;--room-accent-soft: rgba(52, 211, 153, .16)}.room-page-root[data-room-theme=sunset]{--bg-deep: #1e1010;--bg-card: #2b1717;--bg-raised: #402020;--room-accent-soft: rgba(251, 146, 60, .16)}.room-page-root .btn-primary,.room-page-root .modal-tab-btn.active,.room-page-root .reaction-group-tab.active{--accent: var(--room-accent)}.room-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.room-theme-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);color:var(--text-main);text-align:left;cursor:pointer}.room-theme-option span{color:var(--text-muted);font-size:.7rem}.room-theme-option.selected{border-color:var(--room-accent);box-shadow:0 0 0 1px var(--room-accent),0 0 16px color-mix(in srgb,var(--room-accent) 20%,transparent)}.room-accent-picker{margin-top:.6rem}@media(max-width:480px){.room-theme-grid{grid-template-columns:1fr}}.chat-row-v2.chat-row-me .chat-msg-emoji-picker,.chat-bubble-wrapper:has(.chat-msg-emoji-picker) .chat-msg-emoji-picker{right:0;left:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:clip;overscroll-behavior-x:none}body{background-color:var(--bg-root);color:var(--text-main);font-family:var(--font);min-height:100vh;width:100%;max-width:100vw;overflow-x:clip;overscroll-behavior-x:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root,.room-page-root{width:100%;max-width:100vw;overflow-x:clip}.app-root-shell{position:relative;min-height:100vh;width:100%;overflow-x:clip}.cinematic-bg-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;background:#07080d}.cinematic-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.app-content-layer{position:relative;z-index:1;min-height:100vh;width:100%}.app-page-loading{min-height:100vh;display:grid;place-items:center;color:var(--text-primary, #f5f5f5);font-size:1rem;font-weight:600}.glass-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 4px 24px #00000059}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;border-bottom:1px solid var(--border);background:#0b0d0eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;max-width:100vw;overflow-x:hidden;gap:.75rem}.header-left-cluster{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:max-content}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.brand-icon{width:32px;height:32px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset -2px -2px 0 0 var(--accent)}.brand-title{font-size:1.15rem;font-weight:800;letter-spacing:-.03em;color:var(--text-main);white-space:nowrap}.brand-title span{color:var(--accent)}.header-room-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .65rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-full);color:var(--text-main);font-size:.78rem;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.header-room-chip:hover{background:#ffffff14;border-color:#ffd21f59;box-shadow:0 0 12px var(--accent-glow)}.room-chip-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d39999}.room-chip-label{color:var(--text-dim);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.room-chip-code{font-family:var(--mono);font-size:.82rem;font-weight:700;color:var(--accent);letter-spacing:.04em}.header-actions{display:flex;align-items:center;gap:.45rem;min-width:0;flex-shrink:1}.header-invite-btn{background:var(--accent)!important;color:#0b0d0e!important;font-weight:700!important;padding:.38rem .85rem!important;border-radius:var(--r-md)!important;box-shadow:0 0 14px var(--accent-glow)!important;border:none!important}.header-invite-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.header-tools-group{display:inline-flex;align-items:center;gap:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:2px 3px}.header-tool-btn{width:32px;height:32px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;padding:0}.header-tool-btn:hover{background:#ffffff12;color:var(--text-main);border-color:#ffffff1a;transform:translateY(-1px)}.header-tool-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#ffd21f59}.header-tool-btn.header-leave-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}@media(max-width:1024px){.app-header{padding-inline:.65rem;gap:.45rem}.app-header .header-sync-center,.app-header .header-btn-text,.app-header .header-btn-prefix{display:none!important}.app-header .header-actions{min-width:0;gap:.25rem;overflow:hidden}.app-header .header-btn{flex:0 1 auto;min-width:34px;padding-inline:.45rem}.app-header .header-room-code{min-width:0;max-width:92px;overflow:hidden;text-overflow:ellipsis}}.header-btn{padding:.42rem .8rem;font-size:.8rem;white-space:nowrap}.header-room-code{color:var(--accent);letter-spacing:.07em;font-family:var(--mono);font-weight:600}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em}.badge-host{background:#ffd21f1f;color:var(--accent);border:1px solid rgba(255,210,31,.25)}.badge-moderator{background:#3dd68c1a;color:var(--green);border:1px solid rgba(61,214,140,.25)}.badge-participant{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.status-pill{display:flex;align-items:center;gap:.45rem;padding:.3rem .65rem;border-radius:var(--r-full);font-size:.75rem;font-weight:600;background:var(--bg-raised);border:1px solid var(--border)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.connected{background-color:var(--green);box-shadow:0 0 8px #3dd68c99}.status-dot.connecting{background-color:var(--orange);animation:pulse 1.4s infinite}.status-dot.disconnected{background-color:var(--red)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.25)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:var(--r-md);font-family:var(--font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;outline:none;position:relative}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--bg-raised);color:var(--text-main);border:1px solid var(--border);border-bottom:2px solid var(--accent)}.btn-primary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);border-bottom-color:var(--accent);box-shadow:0 4px 16px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-raised);color:var(--text-main);border-color:var(--border-hover)}.btn-danger{background:#f25f5c1a;color:var(--red);border:1px solid rgba(242,95,92,.25)}.btn-danger:hover:not(:disabled){background:#f25f5c2e}.btn-icon{padding:.45rem;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:all .15s ease}.btn-icon:hover{color:var(--text-main);background:var(--bg-raised);border-color:var(--border)}.input-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.input-label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.input-field{width:100%;padding:.7rem .95rem;background:var(--bg-root);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-main);font-family:var(--font);font-size:.9rem;transition:border-color .18s ease,box-shadow .18s ease}.input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-field::placeholder{color:var(--text-dim)}.room-container{max-width:1540px;margin:1rem auto;padding:0 1.25rem;display:grid;grid-template-columns:1fr 360px;gap:1.1rem;align-items:start}.stage-area{display:flex;flex-direction:column;gap:.85rem}.stage-ambient-wrapper{position:relative;width:100%;max-width:100%;overflow:visible;border-radius:var(--r-xl);isolation:isolate}.ambient-backdrop{position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;max-width:calc(100% + 64px);z-index:0;pointer-events:none;overflow:hidden;border-radius:calc(var(--r-xl) + 24px);filter:blur(var(--ambient-blur, 48px)) saturate(135%) brightness(1.05);opacity:var(--ambient-opacity, .55);transform:scale(var(--ambient-spread, 1.12)) translateZ(0);transition:opacity .4s ease,filter .3s ease,transform .3s ease;will-change:opacity,filter,transform}.ambient-backdrop.is-idle{opacity:0}.ambient-backdrop.is-active{opacity:var(--ambient-opacity, .55)}.ambient-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;-webkit-user-select:none;user-select:none;pointer-events:none}.ambient-backdrop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0b0d0e1a,#0b0d0e4d,#0b0d0ea6);pointer-events:none}.ambient-unsupported-tag{position:absolute;bottom:12px;right:16px;background:#000000a6;border:1px solid rgba(255,255,255,.1);padding:.25rem .65rem;border-radius:var(--r-full);font-size:.7rem;color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:.85}.ambient-light-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.35rem}.ambient-light-control{display:flex;flex-direction:column;gap:.2rem;color:var(--text-main);font-size:.8rem}.ambient-light-control-heading{display:flex;justify-content:space-between;color:var(--text-muted)}.ambient-light-control-heading output{font-variant-numeric:tabular-nums}.ambient-light-control input[type=range]{width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.stage-card{padding:0;overflow:hidden;position:relative;z-index:1;background:#000;border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:0 8px 32px #0000008c}.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--text-muted);background:radial-gradient(circle at center,rgba(56,189,248,.08),transparent 60%),#080a0d;text-align:center}.video-empty-icon{width:58px;height:58px;border-radius:var(--r-full);background:#ffd21f1a;border:1px solid rgba(255,210,31,.25);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:.25rem;box-shadow:0 0 20px #ffd21f26}.video-empty-title{color:var(--text-main);font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.video-empty-subtitle{color:var(--text-muted);font-size:.85rem;max-width:380px;line-height:1.4}.video-empty-action-btn{margin-top:.6rem;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.3rem;font-size:.88rem;font-weight:600;box-shadow:0 4px 16px #ffd21f40}.controls-overlay{position:absolute;bottom:0;left:0;right:0;z-index:25;padding:2.5rem 1.1rem .8rem;background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.65) 50%,rgba(0,0,0,.15) 80%,transparent 100%);display:flex;flex-direction:column;gap:.55rem;transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.controls-overlay.controls-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.controls-overlay.controls-visible,.stage-card:hover .controls-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.timeline-container{display:flex;align-items:center;gap:.65rem}.timeline-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 0%),rgba(255,255,255,.18) var(--progress, 0%),rgba(255,255,255,.18) 100%);border-radius:var(--r-full);outline:none;cursor:pointer;transition:height .15s ease;touch-action:none}.timeline-slider:hover:not(:disabled){height:7px}.timeline-slider:disabled{cursor:not-allowed;opacity:.35}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px var(--accent-glow);transition:transform .1s ease}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.timeline-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.time-text{font-family:var(--mono);font-size:.77rem;color:var(--text-muted);min-width:52px;-webkit-user-select:none;user-select:none}.time-text.total{text-align:right}.buttons-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.playback-buttons{display:flex;align-items:center;gap:.4rem}.control-btn-play{padding:.42rem .9rem;font-size:.8rem;border-radius:var(--r-sm);background:var(--bg-raised);color:var(--accent);border:1px solid var(--border);font-family:var(--font);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .18s ease;box-shadow:inset -2px -2px 0 0 var(--accent)}.control-btn-play:hover{background:var(--bg-hover);box-shadow:inset -2px -2px 0 0 var(--accent),0 4px 14px var(--accent-glow)}.control-btn-play:disabled{opacity:.35;cursor:not-allowed}.control-btn-jump,.control-btn-next{padding:.42rem .7rem;font-size:.78rem;border-radius:var(--r-sm);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .18s ease}.control-btn-jump:hover,.control-btn-next:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-hover)}.controls-right-group{display:flex;align-items:center;gap:.55rem}.ambient-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .6rem;border-radius:var(--r-sm);background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border);font-family:var(--font);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s ease}.ambient-btn:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-hover)}.ambient-btn.ambient-active{background:var(--accent-dim);color:var(--accent);border-color:#ffd21f4d}.ambient-btn.ambient-active svg{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow))}.fullscreen-btn{color:var(--text-muted);padding:.38rem;border-radius:var(--r-sm);background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;transition:all .18s ease}.fullscreen-btn:hover{color:var(--text-main);background:var(--bg-hover);border-color:var(--border-hover)}.role-notice{font-size:.75rem;color:var(--text-dim);display:flex;align-items:center;gap:.3rem}.sidebar{display:flex;flex-direction:column;gap:.75rem}.sidebar-tab-wrapper{position:relative;display:flex;align-items:center;width:100%;margin-bottom:.55rem}.sidebar-tab-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:26px;height:26px;border-radius:50%;background:#12161ff2;border:1px solid rgba(255,255,255,.18);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #000000a6;transition:all .18s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-tab-scroll-arrow:hover{background:var(--accent);color:#0b0d0e;border-color:var(--accent);transform:translateY(-50%) scale(1.08)}.sidebar-tab-scroll-arrow.left{left:-4px}.sidebar-tab-scroll-arrow.right{right:-4px}.sidebar-tab-bar{display:flex;align-items:center;gap:6px;padding:5px;width:100%;background:#0e1118bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;transition:box-shadow .2s ease}.sidebar-tab-bar::-webkit-scrollbar{display:none}.sidebar-tab-bar.has-left-shadow{padding-left:22px;mask-image:linear-gradient(to right,transparent,black 16px,black 100%);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black 100%)}.sidebar-tab-bar.has-right-shadow{padding-right:22px;mask-image:linear-gradient(to left,transparent,black 16px,black 100%);-webkit-mask-image:linear-gradient(to left,transparent,black 16px,black 100%)}.sidebar-tab-bar.has-left-shadow.has-right-shadow{padding-left:22px;padding-right:22px;mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent 100%)}.sidebar-tab-btn{flex:0 0 auto;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.46rem .8rem;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-family:var(--font);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;user-select:none;scroll-snap-align:center;box-shadow:0 1px 3px #0003}.sidebar-tab-btn svg{flex-shrink:0;width:14px;height:14px;opacity:.8;transition:transform .2s ease,opacity .2s ease}.sidebar-tab-btn:hover{background:#ffffff14;color:var(--text-main);border-color:#ffffff24;transform:translateY(-1px)}.sidebar-tab-btn:hover svg{opacity:1;transform:scale(1.08)}.sidebar-tab-btn.active{background:linear-gradient(135deg,#ffd21f,#ffc000);color:#0b0d0e;border-color:#ffd21f;font-weight:700;box-shadow:0 4px 14px #ffd21f59;transform:translateY(-1px)}.sidebar-tab-btn.active svg{opacity:1;stroke:#0b0d0e}.sidebar-tab-btn .tab-count-pill,.sidebar-tab-btn .badge-counter{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.68rem;font-weight:700;line-height:1;background:#ffffff1a;color:var(--text-muted);margin-left:2px}.sidebar-tab-btn.active .tab-count-pill{background:#0b0d0e38;color:#0b0d0e;font-weight:700}.sidebar-tab-btn.active .badge-counter{background:#0b0d0e;color:#ffd21f;font-weight:800}.sidebar-tab-content{touch-action:pan-y;position:relative;width:100%;max-width:100%;overflow-x:hidden}.sidebar-tab-content.slide-left,.sidebar-tab-content.slide-right{animation:tabFadeIn .18s ease-out}.sidebar-youtube-search,.sidebar-youtube-search-body{width:100%;min-width:0}.sidebar-youtube-search-body{height:min(560px,65vh);min-height:320px;display:flex;flex-direction:column;overflow:hidden}.sidebar-youtube-search-body>.sidebar-youtube-search-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;gap:.75rem}.sidebar-youtube-search-content>.yt-search-form,.sidebar-youtube-search-content>.yt-search-presets{flex:0 0 auto}.sidebar-youtube-search-content .yt-search-results{flex:0 0 auto;max-height:none;overflow:visible}.sidebar-youtube-search-content .yt-search-item{min-width:0;flex-wrap:wrap}.sidebar-youtube-search-content .yt-search-item-info{flex:1 1 180px}.sidebar-youtube-search-content .yt-search-item-actions{margin-left:auto}@keyframes tabFadeIn{0%{opacity:.65}to{opacity:1}}.sidebar-card{padding:.9rem 1rem}.sidebar-title{font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;padding-bottom:.55rem;border-bottom:1px solid var(--border);color:var(--text-main)}.next-video-btn{padding:.28rem .6rem;font-size:.72rem;gap:.3rem;color:var(--text-muted)}.playlist-add-form{display:flex;gap:.45rem;margin-bottom:.6rem}.playlist-input{padding:.5rem .7rem;font-size:.83rem}.playlist-add-btn{padding:.5rem .8rem;font-size:.8rem;white-space:nowrap}.playlist-view-only-badge{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(255,210,31,.18);border-radius:var(--r-sm);padding:.35rem .65rem;margin-bottom:.6rem}.playlist-items-list{display:flex;flex-direction:column;gap:.45rem;max-height:460px;overflow-y:auto}.playlist-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.25rem 1rem;color:var(--text-dim);gap:.45rem}.playlist-empty-state p{font-size:.87rem;font-weight:600;color:var(--text-muted)}.playlist-empty-state span{font-size:.75rem}.playlist-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);transition:all .2s ease;-webkit-user-select:none;user-select:none}.playlist-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.playlist-item.current-playing{border-color:var(--border-hover);border-left:2px solid var(--accent);background:#ffd21f0d}.playlist-item.swiping-right{transform:translate(55px);opacity:.2;background:#f25f5c1f}.playlist-item.swiping-left{transform:translate(-55px);opacity:.2;background:#ffd21f14}.drag-handle{color:var(--text-dim);cursor:grab;display:flex;align-items:center}.drag-handle:active{cursor:grabbing}.playlist-item-thumb{position:relative;width:62px;height:36px;border-radius:var(--r-sm);overflow:hidden;background:#000;flex-shrink:0}.playlist-item-thumb img{width:100%;height:100%;object-fit:cover}.playing-badge{position:absolute;bottom:2px;right:2px;background:var(--accent);color:#0b0d0e;font-size:.58rem;font-weight:800;padding:1px 4px;border-radius:2px;letter-spacing:.04em}.playlist-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}.playlist-item-title{font-size:.8rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-id{font-family:var(--mono);font-size:.68rem;color:var(--text-dim)}.playlist-item-actions{display:flex;align-items:center;gap:.22rem;flex-shrink:0}.participant-list{display:flex;flex-direction:column;gap:.45rem;max-height:460px;overflow-y:auto}.participant-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);transition:background .15s ease}.participant-item:hover{background:var(--bg-hover)}.participant-info{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1;overflow:hidden}.participant-name{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.participant-actions{display:flex;align-items:center;gap:.22rem;flex-shrink:0}.participant-actions .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:2px;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer}.participant-actions .btn-icon:hover{transform:scale(1.08)}.participant-actions .action-promote{color:#38bdf8!important;background:#38bdf81f;border-color:#38bdf859}.participant-actions .action-promote:hover{background:#38bdf840;border-color:#38bdf899;box-shadow:0 0 10px #38bdf859}.participant-actions .action-demote{color:#f4a942!important;background:#f4a9421f;border-color:#f4a94259}.participant-actions .action-demote:hover{background:#f4a94240;border-color:#f4a94299}.participant-actions .action-host{color:#ffd21f!important;background:#ffd21f1f;border-color:#ffd21f59}.participant-actions .action-host:hover{background:#ffd21f40;border-color:#ffd21f99}.participant-actions .action-remove{color:#f25f5c!important;background:#f25f5c1f;border-color:#f25f5c59}.participant-actions .action-remove:hover{background:#f25f5c40;border-color:#f25f5c99}.activity-feed{display:flex;flex-direction:column;gap:.4rem;max-height:460px;overflow-y:auto;font-size:.78rem}.activity-row{display:flex;align-items:flex-start;gap:.45rem;color:var(--text-muted);padding:.3rem .45rem;border-radius:var(--r-sm);background:#ffffff05}.activity-time{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);white-space:nowrap}:root{--st-color-primary: #3F8A1D;--st-color-primary-hover: #4CA823;--st-color-primary-dim: rgba(63, 138, 29, .16);--st-color-primary-glow: rgba(63, 138, 29, .35);--st-color-secondary: #FF00FF;--st-color-tertiary: #00FFFF;--st-color-neutral: #101015;--st-text-primary: #FFFFFF;--st-text-secondary: rgba(255, 255, 255, .72);--st-text-muted: rgba(255, 255, 255, .45);--st-text-inverse: #000000;--st-surface-base: #141414;--st-surface-raised: #1A1A22;--st-surface-card: #18181E;--st-surface-hover: #22222B;--st-surface-strong: #000000;--st-border-default: rgba(255, 255, 255, .1);--st-border-subtle: rgba(255, 255, 255, .06);--st-space-1: 2px;--st-space-2: 4px;--st-space-3: 6px;--st-space-4: 8px;--st-space-5: 10px;--st-space-6: 12px;--st-space-7: 14px;--st-space-8: 16px;--st-padding-base: 16px;--st-gap-base: 16px;--st-radius-xs: 6px;--st-radius-sm: 10px;--st-radius-md: 12px;--st-radius-lg: 20px;--st-radius-xl: 50px;--st-radius-2xl: 999px;--st-shadow-1: rgba(0, 0, 0, .2) 0px 2px 4px 0px;--st-shadow-2: rgba(0, 0, 0, .2) 0px 4px 12px 0px;--st-shadow-3: rgba(255, 255, 255, .07) 0px 1px 0px 0px inset, rgba(0, 0, 0, .3) 0px 8px 30px 0px;--st-motion-instant: .15s;--st-motion-fast: .2s;--st-motion-normal: .25s;--st-motion-slow: .26s;--st-motion-slower: .3s;--st-easing-standard: ease;--st-easing-secondary: cubic-bezier(.4, 0, .2, 1);--st-content-width: 730px}.modal-backdrop,.cinejoy-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ed1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--st-space-8);animation:stFadeIn var(--st-motion-fast) var(--st-easing-standard)}@keyframes stFadeIn{0%{opacity:0}to{opacity:1}}.modal-card,.cinejoy-settings-card{width:100%;max-width:var(--st-content-width);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--st-radius-lg);border:1px solid var(--st-border-default);background:var(--st-color-neutral);box-shadow:var(--st-shadow-3);position:relative;animation:stSlideUp var(--st-motion-normal) var(--st-easing-secondary)}@keyframes stSlideUp{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header,.cinejoy-settings-header{display:flex;flex-direction:column;gap:var(--st-space-6);padding:1.15rem 1.4rem 1rem;border-bottom:1px solid var(--st-border-default);background:var(--st-surface-base);flex-shrink:0}.cinejoy-settings-brand-row{display:flex;align-items:center;justify-content:space-between;width:100%}.cinejoy-settings-title-group{display:flex;flex-direction:column;gap:var(--st-space-1)}.cinejoy-settings-badge{font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--st-color-primary)}.cinejoy-settings-title{font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.5;color:var(--st-text-primary);margin:0}.modal-close-btn,.cinejoy-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--st-radius-sm);border:1px solid var(--st-border-subtle);background:#ffffff08;color:var(--st-text-secondary);cursor:pointer;transition:background var(--st-motion-fast) var(--st-easing-standard),border-color var(--st-motion-fast) var(--st-easing-standard),color var(--st-motion-fast) var(--st-easing-standard),transform var(--st-motion-instant) var(--st-easing-standard)}.cinejoy-close-btn:hover{background:#ffffff14;border-color:var(--st-border-default);color:var(--st-text-primary);transform:scale(1.04)}.cinejoy-close-btn:active{transform:scale(.96)}.cinejoy-close-btn:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.modal-tabs,.cinejoy-tabs-nav{display:flex;align-items:center;gap:var(--st-space-3);padding:var(--st-space-1);background:var(--st-color-neutral);border:1px solid var(--st-border-subtle);border-radius:var(--st-radius-sm);width:fit-content}.modal-tab-btn,.cinejoy-tab-btn{display:inline-flex;align-items:center;gap:var(--st-space-4);padding:.45rem .95rem;border-radius:var(--st-radius-xs);border:1px solid transparent;background:transparent;color:var(--st-text-secondary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--st-motion-fast) var(--st-easing-standard),border-color var(--st-motion-fast) var(--st-easing-standard),color var(--st-motion-fast) var(--st-easing-standard),transform var(--st-motion-instant) var(--st-easing-standard);white-space:nowrap}.cinejoy-tab-btn:hover{color:var(--st-text-primary);background:#ffffff0a}.modal-tab-btn.active,.cinejoy-tab-btn.active{background:var(--st-surface-raised);color:var(--st-text-primary);border-color:#3f8a1d66;box-shadow:0 0 10px #3f8a1d2e;font-weight:600}.cinejoy-tab-btn.active svg{color:var(--st-color-primary)}.cinejoy-tab-btn:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.modal-body,.cinejoy-settings-body{padding:1.4rem;overflow-y:auto;flex:1;background:var(--st-color-neutral)}.settings-form,.cinejoy-settings-stack{display:flex;flex-direction:column;gap:var(--st-gap-base);width:100%}.settings-section,.cinejoy-framed-card{display:flex;flex-direction:column;gap:var(--st-space-6);padding:var(--st-padding-base);background:var(--st-surface-base);border:1px solid var(--st-border-default);border-radius:var(--st-radius-md);box-shadow:var(--st-shadow-1);transition:border-color var(--st-motion-fast) var(--st-easing-standard)}.cinejoy-framed-card:hover{border-color:#ffffff29}.cinejoy-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--st-space-6);flex-wrap:wrap}.cinejoy-card-title-row{display:flex;align-items:flex-start;gap:var(--st-space-5)}.cinejoy-icon-pill{width:32px;height:32px;border-radius:var(--st-radius-sm);background:#ffffff0a;border:1px solid var(--st-border-default);display:flex;align-items:center;justify-content:center;color:var(--st-color-primary);flex-shrink:0}.cinejoy-icon-pill-accent{color:var(--st-color-tertiary);border-color:#0ff3}.cinejoy-icon-pill-danger{color:#f25f5c;border-color:#f25f5c40}.cinejoy-card-title-text{display:flex;flex-direction:column;gap:var(--st-space-1)}.settings-label,.cinejoy-heading{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.4;color:var(--st-text-primary);margin:0}.settings-description,.cinejoy-subtext{font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;line-height:1.5;color:var(--st-text-secondary);margin:0}.cinejoy-tag{display:inline-flex;align-items:center;gap:var(--st-space-2);padding:.25rem .65rem;border-radius:var(--st-radius-2xl);font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.03em}.cinejoy-tag-host{background:#3f8a1d26;border:1px solid rgba(63,138,29,.4);color:#5ed130}.cinejoy-tag-viewer{background:#ffffff0d;border:1px solid var(--st-border-default);color:var(--st-text-muted)}.cinejoy-card-content{display:flex;flex-direction:column;gap:var(--st-space-6)}.cinejoy-form-group{display:flex;flex-direction:column;gap:var(--st-space-3)}.cinejoy-label{font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;color:var(--st-text-primary)}.input-field,.cinejoy-input{width:100%;height:40px;padding:0 var(--st-space-6);border-radius:var(--st-radius-sm);border:1px solid var(--st-border-default);background:var(--st-color-neutral);color:var(--st-text-primary);font-family:Inter,sans-serif;font-size:14.5px;font-weight:500;transition:border-color var(--st-motion-fast) var(--st-easing-standard),box-shadow var(--st-motion-fast) var(--st-easing-standard)}.cinejoy-input:hover:not(:disabled){border-color:#fff3}.cinejoy-input:focus{border-color:var(--st-color-primary);outline:2px solid var(--st-color-primary)!important;outline-offset:1px!important;box-shadow:0 0 12px var(--st-color-primary-dim)}.cinejoy-input:disabled{opacity:.55;cursor:not-allowed;background:#ffffff05}.settings-hint,.cinejoy-hint{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:var(--st-text-muted)}.cinejoy-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--st-space-5)}.cinejoy-theme-card{display:flex;align-items:center;gap:var(--st-space-5);padding:.75rem .85rem;border-radius:var(--st-radius-sm);border:1px solid var(--st-border-default);background:var(--st-color-neutral);cursor:pointer;text-align:left;transition:border-color var(--st-motion-fast) var(--st-easing-standard),background var(--st-motion-fast) var(--st-easing-standard),transform var(--st-motion-instant) var(--st-easing-standard)}.cinejoy-theme-card:hover:not(:disabled){border-color:#ffffff38;background:var(--st-surface-hover);transform:translateY(-1px)}.cinejoy-theme-card.selected{border-color:var(--st-color-primary);background:#3f8a1d14;box-shadow:0 0 10px var(--st-color-primary-dim)}.cinejoy-theme-card:disabled{opacity:.6;cursor:not-allowed}.cinejoy-theme-card:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-theme-swatch{width:38px;height:38px;border-radius:var(--st-radius-xs);border:1px solid var(--st-border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.cinejoy-theme-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--st-color-primary);color:#fff}.cinejoy-theme-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cinejoy-theme-label{font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;color:var(--st-text-primary)}.cinejoy-theme-desc{font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;color:var(--st-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinejoy-color-section{margin-top:var(--st-space-2)}.cinejoy-color-row{display:flex;align-items:center;gap:var(--st-space-5);flex-wrap:wrap}.cinejoy-color-picker{width:44px;height:38px;padding:2px;border-radius:var(--st-radius-sm);border:1px solid var(--st-border-default);background:var(--st-color-neutral);cursor:pointer;flex-shrink:0}.cinejoy-color-picker:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-hex-input{width:120px!important;font-family:JetBrains Mono,monospace!important;font-size:13px!important;text-transform:uppercase}.cinejoy-swatches-row{display:flex;align-items:center;gap:var(--st-space-3);flex-wrap:wrap}.cinejoy-swatch-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--st-motion-instant) var(--st-easing-standard),border-color var(--st-motion-fast) var(--st-easing-standard);flex-shrink:0}.cinejoy-swatch-dot:hover:not(:disabled){transform:scale(1.18)}.cinejoy-swatch-dot.selected{border-color:#fff;transform:scale(1.22);box-shadow:0 0 8px #fff6}.cinejoy-swatch-dot:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-table-container{overflow-x:auto;border:1px solid var(--st-border-default);border-radius:var(--st-radius-sm);background:var(--st-color-neutral)}.cinejoy-perm-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;text-align:left}.cinejoy-perm-table th{padding:.65rem .95rem;background:var(--st-surface-raised);color:var(--st-text-secondary);font-size:12.5px;font-weight:600;border-bottom:1px solid var(--st-border-default);text-transform:uppercase;letter-spacing:.04em}.cinejoy-perm-col-role{text-align:center;width:110px}.cinejoy-perm-row{border-bottom:1px solid var(--st-border-subtle);transition:background var(--st-motion-fast) var(--st-easing-standard)}.cinejoy-perm-row:last-child{border-bottom:none}.cinejoy-perm-row:hover{background:#ffffff05}.cinejoy-perm-info{padding:.65rem .95rem;display:flex;flex-direction:column;gap:2px}.cinejoy-perm-title{font-size:13.5px;font-weight:600;color:var(--st-text-primary)}.cinejoy-perm-desc{font-size:11.5px;font-weight:500;color:var(--st-text-muted)}.cinejoy-perm-toggle-cell{padding:.65rem .95rem;text-align:center}.cinejoy-checkbox-custom{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cinejoy-checkbox-custom input{position:absolute;opacity:0;width:0;height:0}.cinejoy-checkbox-mark{width:18px;height:18px;border-radius:4px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff08;display:inline-block;transition:background var(--st-motion-fast) var(--st-easing-standard),border-color var(--st-motion-fast) var(--st-easing-standard);position:relative}.cinejoy-checkbox-custom input:checked+.cinejoy-checkbox-mark{background:var(--st-color-primary);border-color:var(--st-color-primary)}.cinejoy-checkbox-custom input:checked+.cinejoy-checkbox-mark:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.cinejoy-checkbox-custom input:focus-visible+.cinejoy-checkbox-mark{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-checkbox-custom input:disabled+.cinejoy-checkbox-mark{opacity:.4;cursor:not-allowed}.cinejoy-toggles-stack{display:flex;flex-direction:column;gap:var(--st-space-4)}.cinejoy-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--st-space-6);padding:.65rem .85rem;border-radius:var(--st-radius-sm);background:var(--st-color-neutral);border:1px solid var(--st-border-subtle);cursor:pointer;transition:background var(--st-motion-fast) var(--st-easing-standard),border-color var(--st-motion-fast) var(--st-easing-standard)}.cinejoy-toggle-row:hover{background:var(--st-surface-hover);border-color:var(--st-border-default)}.cinejoy-toggle-text{display:flex;flex-direction:column;gap:2px}.cinejoy-toggle-title{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--st-text-primary)}.cinejoy-toggle-desc{font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;color:var(--st-text-secondary)}.cinejoy-switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.cinejoy-switch input{opacity:0;width:0;height:0}.cinejoy-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ffffff26;transition:background-color var(--st-motion-fast) var(--st-easing-standard);border-radius:var(--st-radius-2xl);border:1px solid var(--st-border-default)}.cinejoy-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:transform var(--st-motion-fast) var(--st-easing-standard);border-radius:50%}.cinejoy-switch input:checked+.cinejoy-slider{background-color:var(--st-color-primary);border-color:var(--st-color-primary)}.cinejoy-switch input:checked+.cinejoy-slider:before{transform:translate(16px)}.cinejoy-switch input:focus-visible+.cinejoy-slider{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-switch input:disabled+.cinejoy-slider{opacity:.45;cursor:not-allowed}.cinejoy-ambient-sliders{display:flex;flex-direction:column;gap:var(--st-space-5);margin-top:var(--st-space-3);padding:var(--st-space-5);border-radius:var(--st-radius-sm);background:var(--st-color-neutral);border:1px solid var(--st-border-subtle)}.cinejoy-slider-group{display:flex;flex-direction:column;gap:var(--st-space-3)}.cinejoy-slider-header{display:flex;align-items:center;justify-content:space-between}.cinejoy-slider-label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--st-text-secondary)}.cinejoy-slider-value{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--st-color-primary)}.cinejoy-range-input{width:100%;accent-color:var(--st-color-primary);height:6px;background:#ffffff1a;border-radius:var(--st-radius-2xl);outline:none;cursor:pointer}.cinejoy-range-input:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-preview-box{display:flex;flex-direction:column;gap:var(--st-space-3);padding:.85rem 1rem;border-radius:var(--st-radius-sm);background:var(--st-color-neutral);border:1px solid var(--st-border-default)}.cinejoy-preview-tag{font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--st-text-muted)}.cinejoy-preview-message{display:flex;align-items:baseline;gap:var(--st-space-3);font-family:Inter,sans-serif;font-size:13.5px}.cinejoy-preview-username{font-weight:700}.cinejoy-preview-body{color:var(--st-text-primary);font-weight:500}.cinejoy-info-card{border-color:#00ffff26;background:#00ffff05}.cinejoy-danger-card{border-color:#f25f5c4d;background:#f25f5c0a}.cinejoy-text-danger{color:#f25f5c!important}.cinejoy-confirm-box{display:flex;flex-direction:column;gap:var(--st-space-4);padding:var(--st-space-5);border-radius:var(--st-radius-sm);background:#f25f5c14;border:1px solid rgba(242,95,92,.3)}.cinejoy-confirm-text{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#fca5a5;margin:0}.cinejoy-confirm-actions{display:flex;align-items:center;gap:var(--st-space-4);flex-wrap:wrap}.cinejoy-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--st-space-4);height:38px;padding:0 1rem;border-radius:var(--st-radius-sm);font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background var(--st-motion-fast) var(--st-easing-standard),border-color var(--st-motion-fast) var(--st-easing-standard),color var(--st-motion-fast) var(--st-easing-standard),transform var(--st-motion-instant) var(--st-easing-standard);white-space:nowrap}.cinejoy-btn:active{transform:scale(.98)}.cinejoy-btn-primary{background:var(--st-color-primary);color:#fff;box-shadow:0 2px 8px var(--st-color-primary-dim)}.cinejoy-btn-primary:hover{background:var(--st-color-primary-hover)}.cinejoy-btn-primary:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-btn-secondary{background:var(--st-surface-raised);border-color:var(--st-border-default);color:var(--st-text-secondary)}.cinejoy-btn-secondary:hover{background:var(--st-surface-hover);color:var(--st-text-primary);border-color:#fff3}.cinejoy-btn-secondary:focus-visible{outline:2px solid var(--st-color-primary)!important;outline-offset:2px!important}.cinejoy-btn-danger{background:#e11d48;color:#fff}.cinejoy-btn-danger:hover{background:#be123c}.cinejoy-btn-danger:focus-visible{outline:2px solid #E11D48!important;outline-offset:2px!important}.modal-footer,.cinejoy-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--st-space-4);padding:1.1rem 1.4rem;border-top:1px solid var(--st-border-default);background:var(--st-surface-base);flex-shrink:0}.cinejoy-viewer-notice{display:flex;align-items:center;gap:var(--st-space-3);font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--st-text-secondary);margin-right:auto}.cinejoy-viewer-notice svg{color:var(--st-text-muted);flex-shrink:0}@media(max-width:639px){.modal-card,.cinejoy-settings-card{max-height:94vh;border-radius:var(--st-radius-md)}.cinejoy-settings-header{padding:.9rem 1rem;gap:var(--st-space-4)}.cinejoy-settings-body{padding:1rem}.cinejoy-theme-grid{grid-template-columns:1fr}.cinejoy-modal-footer{padding:.85rem 1rem}.cinejoy-tabs-nav{width:100%}.cinejoy-tab-btn{flex:1;justify-content:center;font-size:13px}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast-container{position:fixed;bottom:1.75rem;right:1.75rem;display:flex;flex-direction:column;gap:.6rem;z-index:250}.toast{display:flex;align-items:center;gap:.65rem;padding:.8rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 8px 24px #00000080;animation:slideIn .22s cubic-bezier(.16,1,.3,1);max-width:340px;font-size:.85rem;font-weight:500}.toast-error{border-left:3px solid var(--red);border-color:#f25f5c4d;background:#140c0cf2}.toast-success{border-left:3px solid var(--accent);border-color:#ffd21f40;background:#0e0e0af2}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.playlist-card,.sidebar-card{position:relative;overflow:hidden}:root{--accent-indigo: var(--accent)}@media(min-width:641px)and (max-width:1024px){.room-container{grid-template-columns:1fr;margin:.85rem auto;padding:0 1rem;gap:1rem}.stage-area{order:1}.sidebar{order:2}}@media(max-width:640px){.app-header{padding:.45rem .65rem}.brand-title{font-size:.95rem}.brand-icon{width:28px;height:28px}.status-pill{padding:.25rem .45rem}.status-pill-text{display:none}.header-actions{gap:.3rem}.header-btn{padding:.32rem .45rem;font-size:.74rem;height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center}.header-btn-prefix,.header-btn-text{display:none!important}.header-room-code{font-size:.72rem;letter-spacing:.04em}.room-container{grid-template-columns:1fr;margin:.3rem auto;padding:0 .4rem;gap:.65rem}.stage-area{order:1}.sidebar{order:2}.controls-overlay{display:none!important}.controls-dock-panel{padding:.65rem .75rem;border-radius:var(--r-lg);gap:.5rem}.time-text{font-size:.72rem;min-width:38px}.controls-dock-panel .buttons-row{gap:.35rem;justify-content:space-between}.controls-dock-panel .playback-buttons{gap:.3rem;flex-wrap:wrap}.control-btn-play{padding:.42rem .8rem;font-size:.8rem;min-height:38px}.control-btn-jump,.control-btn-next{padding:.38rem .55rem;font-size:.75rem;min-height:36px}.controls-dock-panel .control-btn-play span,.controls-dock-panel .control-btn-jump span,.controls-dock-panel .control-btn-next span,.controls-dock-panel .btn-request-quick span{display:inline-block}.controls-dock-panel .control-btn-icon,.controls-dock-panel .fullscreen-btn{width:34px;height:34px}.ambient-backdrop{top:-16px;right:-16px;bottom:-16px;left:-16px;max-width:calc(100% + 32px);filter:blur(var(--ambient-blur, 30px)) saturate(125%) brightness(1.02)}.ambient-btn .control-btn-label{display:none}.sidebar-tab-bar{display:flex;align-items:center;gap:5px;padding:4px;border-radius:var(--r-xl);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,210,31,.7) rgba(255,255,255,.06);-webkit-overflow-scrolling:touch}.sidebar-tab-bar::-webkit-scrollbar{height:7px}.sidebar-tab-btn{flex:0 0 auto;white-space:nowrap;font-size:.76rem;padding:.45rem .72rem;border-radius:var(--r-md);min-height:38px}.playlist-card{padding:.75rem}.playlist-add-form{display:flex;gap:.35rem;width:100%}.playlist-item{padding:.5rem;gap:.45rem}.playlist-item-thumb{width:64px;height:36px;flex-shrink:0}.playlist-item-title{font-size:.8rem}.hero-title{font-size:1.6rem}.home-container{margin:.85rem auto;padding:0 .85rem}.modal-card{max-height:92vh}.toast-container{bottom:.85rem;right:.75rem;left:.75rem}.toast{max-width:100%;font-size:.82rem}}.badge-counter{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#0b0d0e;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);margin-left:.35rem}.host-approval-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:linear-gradient(135deg,#ffd21f26,#141719f2);border:1px solid rgba(255,210,31,.4);border-radius:var(--r-md);padding:.6rem 1rem;margin-bottom:.85rem;box-shadow:0 4px 18px #ffd21f1a;animation:bannerSlideIn .3s ease-out}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.host-approval-info{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-main)}.host-approval-actions{display:flex;align-items:center;gap:.4rem}.chat-panel-container{display:flex;flex-direction:column;height:480px;overflow:hidden}.chat-panel-header{border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:.5rem}.quick-reaction-bar{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md)}.reaction-label-icon{color:var(--accent);opacity:.8;margin-left:.2rem}.reaction-emojis{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:space-around}.reaction-btn{background:none;border:none;font-size:1.15rem;cursor:pointer;padding:.15rem .35rem;border-radius:var(--r-sm);transition:transform .15s ease,background .15s ease;line-height:1}.reaction-btn:hover{transform:scale(1.35);background:#ffffff14}.chat-messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-right:.35rem;margin-bottom:.6rem}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center}.chat-message-row{display:flex;flex-direction:column;align-items:flex-start}.chat-message-row.chat-me{align-items:flex-end}.chat-message-bubble{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);padding:.45rem .75rem;max-width:88%;word-break:break-word}.chat-message-row.chat-me .chat-message-bubble{background:#ffd21f17;border-color:#ffd21f40}.chat-message-meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:.75rem}.chat-sender-name{font-weight:600}.chat-timestamp{color:var(--text-dim);font-size:.68rem;margin-left:auto}.chat-message-text{font-size:.88rem;color:var(--text-main);line-height:1.35}.chat-input-form{display:flex;gap:.4rem;align-items:center;padding-top:.4rem;border-top:1px solid var(--border)}.chat-input{flex:1;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-main);padding:.45rem .75rem;font-size:.85rem;font-family:var(--font);outline:none;transition:border-color .15s ease}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{padding:.45rem .75rem}.reaction-overlay-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:25}.floating-emoji{position:absolute;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity;animation:floatEmoji var(--reaction-duration, 2.8s) cubic-bezier(.2,.8,.4,1) var(--reaction-delay, 0ms) both}.floating-emoji .emoji-char{font-size:clamp(2.2rem,4vw,3.25rem);filter:drop-shadow(0 3px 10px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(255,210,31,.24));-webkit-user-select:none;user-select:none}.floating-emoji .emoji-sender{font-size:.68rem;font-weight:600;background:#0b0d0ecc;border:1px solid var(--border);color:var(--text-main);border-radius:var(--r-full);padding:1px 6px;white-space:nowrap;margin-top:-3px}@keyframes floatEmoji{0%{opacity:0;transform:translate3d(0,18px,0) scale(.25) rotate(0)}12%{opacity:1;transform:translate3d(0,-12px,0) scale(1.15) rotate(var(--reaction-rotation, 0deg))}35%{opacity:1;transform:translate3d(var(--reaction-drift-x, 0px),-55px,0) scale(var(--reaction-scale, 1)) rotate(var(--reaction-rotation, 0deg))}75%{opacity:.85}to{opacity:0;transform:translate3d(var(--reaction-drift-x, 0px),calc(0px - var(--reaction-rise, 280px)),0) scale(.78) rotate(var(--reaction-rotation, 0deg))}}@media(prefers-reduced-motion:reduce){.floating-emoji{animation-duration:1ms}}.requests-panel-container{display:flex;flex-direction:column;gap:.75rem}.participant-request-box{background:var(--bg-raised);border:1px dashed rgba(255,210,31,.35);border-radius:var(--r-md);padding:.75rem}.request-box-heading{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--accent);font-weight:600;margin-bottom:.5rem}.quick-request-buttons{display:flex;gap:.4rem;margin-bottom:.5rem}.request-field-form{display:flex;gap:.35rem}.pending-requests-section{display:flex;flex-direction:column;gap:.5rem}.requests-subheading{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.requests-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem .5rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);text-align:center}.requests-list{display:flex;flex-direction:column;gap:.5rem}.request-card-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);padding:.65rem .75rem;transition:border-color .15s ease}.request-card-item:hover{border-color:var(--border-hover)}.request-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.request-requester{font-size:.85rem;font-weight:600;color:var(--text-main)}.req-you-tag{color:var(--accent);font-size:.75rem}.request-time{font-size:.7rem;color:var(--text-dim)}.request-card-body{font-size:.82rem;color:var(--text-muted);margin-bottom:.5rem}.req-desc{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.req-type-icon{flex-shrink:0}.req-type-icon.play-icon{color:var(--green)}.req-type-icon.pause-icon{color:var(--orange)}.req-type-icon.seek-icon{color:var(--accent)}.req-type-icon.video-icon{color:var(--accent-cyan, #38bdf8)}.req-video-code{font-family:var(--mono);background:#0006;padding:2px 5px;border-radius:var(--r-sm);color:var(--accent);font-size:.8rem}.request-card-actions{display:flex;gap:.4rem}.btn-approve{background:#3dd68c26;color:var(--green);border:1px solid rgba(61,214,140,.35);display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.78rem;border-radius:var(--r-sm);cursor:pointer;transition:all .15s ease}.btn-approve:hover{background:#3dd68c47;border-color:var(--green)}.btn-reject{background:#f25f5c26;color:var(--red);border:1px solid rgba(242,95,92,.35);display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.78rem;border-radius:var(--r-sm);cursor:pointer;transition:all .15s ease}.btn-reject:hover{background:#f25f5c47;border-color:var(--red)}.request-pending-status{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--orange)}.mobile-playback-dock{display:none}@media(max-width:768px){.mobile-playback-dock{display:block;margin-top:.65rem;animation:fadeInDock .25s ease-out}}@keyframes fadeInDock{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.controls-dock-panel{display:flex;flex-direction:column;gap:.65rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:.85rem 1rem;box-shadow:0 4px 20px #0006}.controls-dock-panel .timeline-container{display:flex;align-items:center;gap:.65rem}.controls-dock-panel .buttons-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.controls-dock-panel .playback-buttons{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.controls-dock-panel .control-btn-play{min-height:42px;padding:.5rem 1rem;font-weight:700}.controls-role-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:var(--r-full)}.controls-role-badge.host{background:#ffd21f26;color:var(--accent);border:1px solid rgba(255,210,31,.35)}.controls-role-badge.mod{background:#38bdf826;color:var(--accent-cyan, #38bdf8);border:1px solid rgba(56,189,248,.35)}.controls-role-badge.viewer{background:#ffffff14;color:var(--text-muted);border:1px solid var(--border)}.btn-request-quick{display:inline-flex;align-items:center;gap:.35rem;background:#ffd21f26;color:var(--accent);border:1px solid rgba(255,210,31,.4);padding:.45rem .75rem;border-radius:var(--r-md);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-request-quick:hover{background:#ffd21f40;transform:translateY(-1px)}.stored-parties-section{margin-top:2.5rem;width:100%}.stored-parties-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.stored-parties-title-wrap{display:flex;align-items:center;gap:.65rem}.stored-parties-title{font-size:1.15rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;margin:0}.stored-parties-count{font-size:.72rem;font-weight:600;color:var(--accent);background:#ffd21f1f;border:1px solid rgba(255,210,31,.3);padding:.2rem .55rem;border-radius:9999px}.btn-clear-history{padding:.35rem .75rem;font-size:.78rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff08;cursor:pointer;transition:all .2s ease}.btn-clear-history:hover{color:#f87171;border-color:#f8717166;background:#f871711a}.stored-parties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;border:1px dashed var(--border);border-radius:var(--r-lg);background:#ffffff04;text-align:center}.empty-text{font-size:.95rem;font-weight:600;color:var(--text-main);margin-bottom:.35rem}.empty-subtext{font-size:.82rem;color:var(--text-muted);max-width:440px;line-height:1.4}.stored-parties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem}.stored-party-card{display:flex;flex-direction:column;background:#12161fbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #00000040;position:relative}.stored-party-card:hover{border-color:#ffd21f73;transform:translateY(-3px);box-shadow:0 10px 24px -4px #00000073,0 0 16px #ffd21f1f}.stored-party-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#090c12;overflow:hidden}.stored-party-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.stored-party-card:hover .stored-party-thumb{transform:scale(1.05)}.stored-party-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.stored-party-card:hover .stored-party-play-overlay{opacity:1}.stored-party-time-badge{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:.3rem;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-main);font-size:.72rem;font-weight:500;padding:.2rem .5rem;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.1)}.stored-party-content{padding:.9rem;display:flex;flex-direction:column;flex:1;gap:.65rem}.stored-party-code{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--text-main);letter-spacing:.05em}.stored-party-role-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.18rem .5rem;border-radius:9999px}.stored-party-role-badge.role-host{background:#ffd21f26;color:var(--accent);border:1px solid rgba(255,210,31,.35)}.stored-party-role-badge.role-mod{background:#38bdf826;color:var(--accent-cyan, #38bdf8);border:1px solid rgba(56,189,248,.35)}.stored-party-role-badge.role-viewer{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.stored-party-meta{display:flex;align-items:center;justify-content:space-between}.stored-party-user{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted)}.stored-party-actions{display:flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.05)}.stored-party-rejoin-btn{flex:1;padding:.45rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.stored-party-icon-btn{padding:.45rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff08;cursor:pointer;transition:all .15s ease}.stored-party-icon-btn:hover{color:var(--text-main);background:#ffffff14}.stored-party-icon-btn.btn-trash:hover{color:#f87171;border-color:#f8717159;background:#f871711f}.chat-panel-v2{display:flex;flex-direction:column;height:480px;max-height:480px;background:var(--bg-card);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 24px #00000059}.chat-messages-v2{flex:1 1 0;min-height:0;overflow-y:auto;padding:.85rem .75rem;display:flex;flex-direction:column;gap:.15rem;scroll-behavior:smooth}.chat-messages-v2::-webkit-scrollbar{width:4px}.chat-messages-v2::-webkit-scrollbar-track{background:transparent}.chat-messages-v2::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.chat-empty-v2{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;gap:.35rem}.chat-empty-icon{font-size:2rem;margin-bottom:.25rem}.chat-empty-title{font-size:.9rem;font-weight:600;color:var(--text-main)}.chat-empty-sub{font-size:.78rem;color:var(--text-muted)}.chat-row-v2{display:flex;align-items:flex-end;gap:.55rem;padding:.15rem 0}.chat-row-v2.chat-row-me{flex-direction:row-reverse}.chat-row-v2.chat-row-continued{padding-top:.05rem}.chat-avatar-col{flex-shrink:0;align-self:flex-end;margin-bottom:2px}.chat-content-col{display:flex;flex-direction:column;max-width:78%}.chat-name-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem;padding:0 .2rem}.chat-name-row-me{flex-direction:row-reverse;text-align:right}.chat-username-v2{font-size:.78rem;font-weight:700;line-height:1}.chat-role-pill{font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.1rem .4rem;border-radius:9999px;line-height:1.2}.chat-time-v2{font-size:.65rem;color:var(--text-dim);margin-left:auto;white-space:nowrap}.chat-name-row-me .chat-time-v2{margin-left:0;margin-right:auto}.chat-bubble-wrapper{position:relative;display:inline-block;max-width:100%}.chat-bubble-v2{padding:.52rem .8rem;border-radius:14px;font-size:.88rem;line-height:1.4;word-break:break-word;max-width:100%;position:relative}.chat-action-bar{position:absolute;top:-14px;right:8px;display:none;align-items:center;gap:3px;background:#161122f2;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:2px 4px;z-index:20;box-shadow:0 4px 12px #0006}.chat-action-bar-me{left:8px;right:auto}.chat-row-v2:hover .chat-action-bar{display:flex}.chat-action-btn{background:none;border:none;color:var(--text-dim);padding:3px 5px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.chat-action-btn:hover{color:var(--accent);background:#ffd21f26}.chat-msg-emoji-picker{position:absolute;top:-42px;left:0;max-width:min(260px,calc(100vw - 24px));overflow-x:auto;display:flex;gap:4px;background:#120e1cf5;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:4px 8px;z-index:30;box-shadow:0 6px 16px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUpIn .12s ease-out}.chat-msg-emoji-item{background:none;border:none;font-size:1.15rem;cursor:pointer;padding:2px 4px;border-radius:50%;transition:transform .12s ease}.chat-msg-emoji-item:hover{transform:scale(1.3)}.chat-reply-quote{display:flex;align-items:stretch;gap:8px;background:#00000040;border-radius:8px;padding:5px 8px;margin-bottom:6px;border:1px solid rgba(255,255,255,.06)}.chat-reply-quote-bar{width:3px;background:var(--accent);border-radius:2px;flex-shrink:0}.chat-reply-quote-content{display:flex;flex-direction:column;overflow:hidden;font-size:.76rem}.chat-reply-quote-username{font-weight:700;color:var(--accent);font-size:.74rem}.chat-reply-quote-text{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chat-msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chat-msg-reaction-tag{display:inline-flex;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2px 7px;font-size:.72rem;color:var(--text-main);cursor:pointer;transition:all .15s ease}.chat-msg-reaction-tag:hover{background:#ffffff1f}.chat-msg-reaction-tag.active{background:#ffd21f2e;border-color:#ffd21f80;color:var(--accent);font-weight:700}.chat-msg-reaction-tag .count{font-size:.68rem;font-weight:700;color:var(--text-muted)}.chat-msg-reaction-tag.active .count{color:var(--accent)}.chat-reply-banner{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:#1e1830f2;border-top:1px solid rgba(255,210,31,.2);border-bottom:1px solid var(--border);animation:slideUpIn .15s ease-out}.chat-reply-banner-left{display:flex;align-items:center;gap:8px;overflow:hidden}.chat-reply-banner-icon{color:var(--accent);flex-shrink:0}.chat-reply-banner-details{display:flex;flex-direction:column;overflow:hidden}.chat-reply-banner-target{font-size:.75rem;color:var(--text-main)}.chat-reply-banner-target strong{color:var(--accent)}.chat-reply-banner-snippet{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chat-reply-banner-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;transition:color .15s ease}.chat-reply-banner-close:hover{color:var(--red)}.chat-bubble-other{background:var(--bg-raised);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text-main)}.chat-bubble-me{background:linear-gradient(135deg,#ffd21f40,#ff9b0033);border:1px solid rgba(255,210,31,.3);border-bottom-right-radius:4px;color:var(--text-main)}.chat-reaction-panel{display:flex;align-items:center;justify-content:space-around;padding:.55rem .75rem;background:var(--bg-raised);border-top:1px solid var(--border);animation:slideUpIn .15s ease-out}@keyframes slideUpIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-react-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:.2rem .4rem;border-radius:var(--r-sm);transition:transform .12s ease,background .12s ease;line-height:1}.chat-react-btn:hover{transform:scale(1.4);background:#ffffff14}.android-emoji-picker{background:var(--bg-raised);border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;height:250px;max-height:42vh;animation:slideUpIn .18s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;z-index:9998}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);gap:.5rem}.emoji-quick-reactions-wrap{display:flex;align-items:center;gap:.4rem;overflow-x:auto;scrollbar-width:none}.emoji-quick-reactions-wrap::-webkit-scrollbar{display:none}.emoji-quick-label{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.emoji-quick-list{display:flex;align-items:center;gap:.25rem}.emoji-quick-btn{background:none;border:none;font-size:1.15rem;cursor:pointer;padding:.15rem .3rem;border-radius:var(--r-sm);transition:transform .12s ease;line-height:1}.emoji-quick-btn:hover{transform:scale(1.3)}.emoji-picker-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .12s ease;flex-shrink:0}.emoji-picker-close-btn:hover{background:#ffffff14;color:var(--text-main)}.emoji-category-tabs{display:flex;align-items:center;gap:.2rem;padding:.3rem .5rem;background:#0003;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.emoji-category-tabs::-webkit-scrollbar{display:none}.emoji-cat-tab{display:flex;align-items:center;gap:.3rem;background:none;border:1px solid transparent;color:var(--text-muted);padding:.25rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.emoji-cat-tab:hover{background:#ffffff0f;color:var(--text-main)}.emoji-cat-tab.active{background:#ffd21f26;border-color:#ffd21f66;color:var(--accent)}.emoji-cat-icon{font-size:.95rem}.emoji-grid-scroll{flex:1;overflow-y:auto;padding:.5rem}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:.3rem}.emoji-item-btn{background:none;border:none;font-size:1.45rem;cursor:pointer;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);transition:transform .1s ease,background .1s ease;line-height:1}.emoji-item-btn:hover,.emoji-item-btn:active{background:#ffffff1a;transform:scale(1.25)}.chat-input-bar{flex-shrink:0;display:flex;align-items:center;padding:.55rem .8rem;background:var(--bg-card);border-top:1px solid var(--border)}.chat-emoji-toggle{display:none!important}.chat-input-capsule{display:flex;align-items:center;width:100%;background:var(--bg-raised);border:1px solid var(--border);border-radius:9999px;padding:.35rem .65rem .35rem 1.15rem;min-height:44px;box-sizing:border-box;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.chat-input-capsule:focus-within{border-color:#ffd21f73;background:var(--bg-hover);box-shadow:0 0 0 1px #ffd21f33}.chat-input-v2{flex:1;min-width:0;background:transparent!important;border:none!important;outline:none!important;color:#f3f4f6;font-size:.94rem;font-family:var(--font);padding:.35rem 0;box-shadow:none!important;-webkit-appearance:none}.chat-input-v2::placeholder{color:#9ca3af;font-weight:400;opacity:.9}.chat-inline-reactions{display:flex;align-items:center;gap:.65rem;flex-shrink:0;margin-left:.5rem}.chat-inline-emoji-btn{background:transparent;border:none;outline:none;cursor:pointer;font-size:1.35rem;line-height:1;padding:2px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:transform .16s cubic-bezier(.34,1.56,.64,1),filter .16s ease}.chat-inline-emoji-btn:hover{transform:scale(1.28);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.chat-inline-emoji-btn:active{transform:scale(.92)}.chat-send-v2{background:#ffffff12;border:none;color:var(--text-dim);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:.4rem}.chat-send-v2.active{background:var(--accent);color:#0b0d0e;box-shadow:0 0 12px #ffd21f73}.chat-send-v2.active:hover{transform:scale(1.1)}.chat-send-v2:disabled{cursor:not-allowed;opacity:.4}.avatar-picker{display:flex;flex-direction:column;gap:.85rem}.avatar-picker-preview{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg)}.avatar-picker-preview-info{display:flex;flex-direction:column;gap:.2rem}.avatar-picker-name{font-size:1rem;font-weight:700;color:var(--text-main)}.avatar-picker-series{font-size:.75rem;color:var(--text-muted)}.avatar-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}@media(max-width:900px){.app-header{padding-inline:.65rem;gap:.45rem;min-width:0}.header-sync-center{display:none}.brand{flex:0 1 auto;min-width:0}.brand-title{font-size:1rem;white-space:nowrap}.header-actions{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:.3rem;overflow:hidden}.header-btn{flex:0 0 auto;min-width:34px;min-height:34px;padding-inline:.45rem}.header-btn-text,.header-btn-prefix{display:none!important}.header-room-code{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.controls-reaction-slot .reaction-options{scrollbar-width:none!important;scrollbar-color:transparent transparent!important}.controls-reaction-slot .reaction-options::-webkit-scrollbar,.controls-reaction-slot .reaction-options::-webkit-scrollbar-track,.controls-reaction-slot .reaction-options::-webkit-scrollbar-thumb{display:none!important;width:0!important;height:0!important}@media(max-width:480px){.controls-dock-panel .controls-role-badge{padding:0!important;padding-inline:0!important}}@media(max-width:480px){.avatar-picker-grid{grid-template-columns:repeat(6,1fr)}}.sidebar-tab-bar{scrollbar-width:none;scrollbar-color:transparent transparent;touch-action:pan-x;overscroll-behavior:contain}.sidebar-tab-bar::-webkit-scrollbar,.sidebar-tab-bar::-webkit-scrollbar-track,.sidebar-tab-bar::-webkit-scrollbar-thumb{display:none;width:0;height:0}.reaction-options{scrollbar-width:none;scrollbar-color:transparent transparent;touch-action:pan-x;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.reaction-options::-webkit-scrollbar,.reaction-options::-webkit-scrollbar-track,.reaction-options::-webkit-scrollbar-thumb{display:none;width:0;height:0}@media(max-width:480px){.controls-dock-panel .controls-role-badge{width:34px;height:34px;justify-content:center;align-items:center;padding:0;padding-inline:0;font-size:0;line-height:0;gap:0!important}.controls-dock-panel .controls-role-badge svg{display:block;width:16px;height:16px;margin:0;flex:0 0 16px}.controls-dock-panel .playback-buttons{flex-wrap:nowrap;gap:.35rem}.controls-dock-panel .control-btn-play,.controls-dock-panel .control-btn-jump,.controls-dock-panel .control-btn-next,.controls-dock-panel .btn-request-quick{width:36px;min-width:36px;height:36px;min-height:36px;justify-content:center;padding:0;gap:0;font-size:0}.controls-dock-panel .control-btn-play span,.controls-dock-panel .control-btn-jump span,.controls-dock-panel .control-btn-next span,.controls-dock-panel .btn-request-quick span{display:none}}.controls-reaction-slot .reaction-options{scrollbar-width:none;scrollbar-color:transparent transparent}.avatar-picker-item{aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .15s ease;position:relative;box-shadow:0 2px 8px #0000004d}.avatar-picker-item:hover{transform:scale(1.15);box-shadow:0 4px 14px #00000080}.avatar-picker-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px #ffd21f66,0 4px 14px #00000080;transform:scale(1.1)}.avatar-picker-emoji{font-size:1.3em;line-height:1;pointer-events:none}.viewer-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--r-md);color:#93c5fd;font-size:.8rem;font-weight:500;text-align:center}@media(max-width:768px){body{overflow-x:hidden}.room-container{flex-direction:column!important;height:auto!important;overflow-y:auto;padding:0!important}.stage-area{width:100%!important;min-width:unset!important}.stage-ambient-wrapper{border-radius:0!important}.stage-card{border-radius:0!important;border-left:none!important;border-right:none!important}.stage-theater:not(:fullscreen) .controls-overlay,.video-wrapper .controls-overlay{display:none!important}.sidebar{width:100%!important;min-width:unset!important;max-width:unset!important;border-left:none!important;border-top:1px solid var(--border);padding:.5rem!important}.sidebar-tab-btn{padding:.48rem .72rem!important;font-size:.76rem!important;gap:.35rem!important;min-height:38px;flex:0 0 auto;white-space:nowrap}.chat-panel-v2{min-height:400px;max-height:calc(100vh - 280px);position:relative;z-index:9995}.chat-input-bar{position:sticky;bottom:0;z-index:9996;background:var(--bg-card);padding:.45rem .6rem;border-top:1px solid var(--border)}.chat-input-capsule{min-height:44px;padding:.3rem .5rem .3rem 1rem}.chat-input-v2{font-size:.95rem;padding:.3rem 0}.chat-inline-emoji-btn{font-size:1.3rem}.chat-send-v2{width:34px;height:34px}.floating-reactions-launcher{z-index:9980}.inline-reactions-launcher{display:flex;flex-direction:column;gap:.4rem;touch-action:none;user-select:none;-webkit-user-select:none;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;z-index:8;width:100%;margin-top:.35rem;align-items:center!important}.controls-reaction-slot{position:relative;display:flex;align-items:center}.controls-reaction-slot .inline-reactions-launcher{width:auto;margin-top:0;align-items:center!important;touch-action:auto;z-index:130}.controls-reaction-slot .reaction-toggle-btn{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 20px #0006}.controls-reaction-slot .inline-reactions-launcher .reactions-palette{position:absolute;right:0;bottom:calc(100% + .55rem);width:min(420px,calc(100vw - 20px));max-width:min(420px,calc(100vw - 20px));margin:0!important;padding:.55rem;gap:.45rem;border-radius:14px;background:#181b24fa;border-color:#ffffff24;box-shadow:0 12px 32px #0000008c;z-index:120}.controls-reaction-slot .reaction-group-tabs{flex:1;align-items:center;gap:.3rem;padding:0;overflow-x:auto;scrollbar-width:none}.controls-reaction-slot .reaction-group-tabs::-webkit-scrollbar{display:none}.controls-reaction-slot .reaction-group-tab{min-height:28px;padding:.28rem .65rem;background:#ffffff0f;white-space:nowrap}.controls-reaction-slot .reaction-group-tab.active{background:#ffd21f29;border:1px solid rgba(255,210,31,.28)}.controls-reaction-slot .reaction-create-poll{align-self:flex-end;flex:0 0 auto;min-height:28px;padding:.25rem .55rem;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0f;color:var(--text-muted)}.reaction-palette-header{display:flex;align-items:center;gap:.45rem;min-width:0;width:100%}.controls-reaction-slot .reaction-create-poll:hover{color:var(--accent);border-color:#ffd21f47;background:#ffd21f1a}.reaction-poll-composer{display:grid;gap:.35rem;width:100%;padding:.45rem;border-radius:9px;background:#ffffff0d}.reaction-poll-composer input{width:100%;min-width:0;padding:.38rem .5rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#0000002e;color:var(--text-main);font-size:.72rem}.reaction-poll-composer>div{display:flex;justify-content:flex-end;gap:.35rem}.reaction-poll-composer button{padding:.28rem .55rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff14;color:var(--text-main);font-size:.68rem;cursor:pointer}.reaction-poll-composer button:first-child{background:#ffd21f29;color:var(--accent)}.reaction-poll-composer button:disabled{opacity:.45;cursor:not-allowed}.controls-reaction-slot .reaction-options{min-width:0;padding:.15rem .05rem .2rem;overflow-x:auto;scrollbar-width:thin}.controls-reaction-slot .reaction-options .reaction-btn,.controls-reaction-slot .reaction-options .reaction-close-btn{flex:0 0 34px;width:34px;height:34px}@media(max-width:560px){.controls-reaction-slot .inline-reactions-launcher .reactions-palette{position:fixed;left:.5rem;right:.5rem;bottom:7.25rem;width:min(330px,calc(100vw - 16px));max-width:min(330px,calc(100vw - 16px));margin:0;z-index:1000}.controls-reaction-slot .reaction-group-tab{padding-inline:.5rem;font-size:.64rem}}.below-video-reactions{position:relative;z-index:8;width:100%;margin-top:.45rem;padding:0 .5rem}.local-video-settings{position:absolute;bottom:calc(100% + 10px);right:0;width:min(250px,calc(100vw - 24px));max-height:min(65vh,350px);overflow-y:auto;padding:.65rem;z-index:100;box-shadow:0 8px 32px #0000008c;background:var(--surface-elevated, rgba(24, 27, 36, .98));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .14));border-radius:12px}.local-video-settings>div:first-child{color:var(--text-muted)}.below-video-reactions .inline-reactions-launcher{align-items:stretch!important}.below-video-reactions .reaction-toggle-btn{align-self:center}.below-video-reactions .reactions-palette{width:100%;max-width:100%;min-width:0;justify-content:flex-start;border-radius:14px;padding:.35rem .45rem;scrollbar-width:thin}.below-video-reactions .reaction-btn,.below-video-reactions .reaction-close-btn{flex:0 0 34px;width:34px;height:34px}@media(max-width:520px){.below-video-reactions{padding:0 .35rem;margin-top:.3rem}.below-video-reactions .reaction-toggle-btn{min-height:34px;padding:.42rem .75rem;font-size:.8rem}.below-video-reactions .reactions-palette{gap:.2rem;padding:.3rem .35rem}.below-video-reactions .reaction-btn,.below-video-reactions .reaction-close-btn{flex-basis:32px;width:32px;height:32px}}.inline-reactions-launcher .reactions-palette{max-width:100%}.current-speed-indicator{align-self:center;margin:-.15rem auto .2rem;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.02em}.reaction-toggle-btn{padding:.35rem .7rem;font-size:.78rem;height:34px;box-shadow:0 4px 14px #0009}.reactions-palette{max-width:calc(100vw - 24px)}.sidebar-tab-content{padding-bottom:16px!important}.home-grid{grid-template-columns:1fr!important}.avatar-picker-grid{grid-template-columns:repeat(5,1fr)}.stored-parties-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.brand-title{display:none!important}.app-header{padding:.35rem .5rem}.header-actions{gap:.2rem}.header-btn{padding:.28rem .38rem;height:30px;min-width:30px}.hero-title{font-size:1.5rem!important}}.home-page-wrapper{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:var(--text-main);position:relative;z-index:1}.home-top-navbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2.5rem;background:#0c0914d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100}.home-nav-left,.home-nav-center{display:flex;align-items:center}.home-nav-pills{display:flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.25rem .35rem;border-radius:9999px}.home-nav-pill{display:flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:9999px;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.home-nav-pill:hover{color:#fff;background:#ffffff0d}.home-nav-pill.active{background:#ffd21f2e;color:var(--accent);border:1px solid rgba(255,210,31,.35)}.home-nav-right{display:flex;align-items:center;gap:.75rem}.home-theme-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.home-header-profile{display:flex;align-items:center;gap:.6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:.25rem .75rem .25rem .35rem;border-radius:9999px;cursor:pointer;transition:all .2s ease}.home-header-profile:hover{background:#ffd21f14;border-color:#ffd21f59}.home-header-avatar-wrap{position:relative;flex-shrink:0}.home-header-profile-text{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;line-height:1.1}.home-header-profile-name{font-size:.8rem;font-weight:700;color:#fff}.home-header-profile-series{font-size:.64rem;color:var(--accent);background:#ffd21f26;border:1px solid rgba(255,210,31,.25);padding:.05rem .4rem;border-radius:9999px;font-weight:600}.home-header-profile-arrow{color:var(--text-dim)}.hero{position:relative;text-align:center;padding:2.8rem 1rem 1.6rem}.hero-decor-left{position:absolute;top:-20px;left:20px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,210,31,.05) 0%,transparent 70%);pointer-events:none}.hero-badge-group{display:inline-flex;align-items:center;gap:.6rem;justify-content:center;margin-bottom:1.1rem;flex-wrap:wrap}.hero-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .95rem;background:#ffd21f14;border:1px solid rgba(255,210,31,.28);border-radius:9999px;color:var(--accent);font-size:.78rem;font-weight:700;box-shadow:0 0 16px #ffd21f1f}.hero-pill-latency{background:#38bdf814!important;border-color:#38bdf847!important;color:#38bdf8!important;box-shadow:0 0 16px #38bdf81f!important}.hero-pill-latency:hover{background:#38bdf824!important;border-color:#38bdf873!important}.hero-title{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.18;letter-spacing:-.02em;margin-bottom:.65rem}.hero-highlight{color:#ffd21f;text-shadow:0 0 24px rgba(255,210,31,.35)}.hero-desc{max-width:620px;margin:0 auto;color:var(--text-muted);font-size:.92rem;line-height:1.55}.home-profile-banner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.4rem;background:#120e1cd9;border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:0 8px 32px #0006;margin-bottom:1.8rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-profile-left{display:flex;align-items:center;gap:1.1rem}.home-profile-avatar-wrap{position:relative;cursor:pointer;border-radius:50%;transition:transform .18s ease;flex-shrink:0}.home-profile-avatar-wrap:hover{transform:scale(1.06)}.online-status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#10b981;border:2.5px solid #120e1c;box-shadow:0 0 8px #10b981}.home-profile-info{display:flex;flex-direction:column;gap:.2rem}.home-profile-greeting{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.home-profile-name-row{display:flex;align-items:center;gap:.55rem}.home-profile-char-name{font-size:1.3rem;font-weight:800;color:#fff}.home-profile-char-series{font-size:.72rem;background:#ffd21f1f;color:var(--accent);border:1px solid rgba(255,210,31,.28);padding:.15rem .65rem;border-radius:9999px;font-weight:700}.home-choose-char-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.6rem 1.15rem;border-radius:9999px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.home-choose-char-btn:hover{border-color:var(--accent);background:#ffd21f1a;color:var(--accent);transform:translate(2px)}.home-page-wrapper .home-container{max-width:1040px;margin:0 auto 3rem;padding:0 1.5rem}.feature-showcase{margin:1.25rem auto 2.5rem;padding:1.5rem;background:#120e1cc7;border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 10px 42px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feature-showcase-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;margin-bottom:1.25rem;text-align:center}.feature-showcase-kicker{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .8rem;border-radius:9999px;background:#ffd21f1a;border:1px solid rgba(255,210,31,.2);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.feature-showcase-header h2{margin:0;font-size:clamp(1.55rem,3vw,2.3rem);font-weight:800;color:#fff}.feature-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-showcase-card{display:flex;flex-direction:column;gap:.55rem;padding:1.15rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.feature-showcase-card:hover{transform:translateY(-3px);border-color:#ffd21f52;box-shadow:0 8px 24px #ffd21f1a}.feature-showcase-emoji{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;background:#ffd21f1a;border:1px solid rgba(255,210,31,.2);font-size:1.3rem}.feature-showcase-card h3{margin:0;font-size:1rem;font-weight:800;color:#fff}.feature-showcase-card p{margin:0;color:var(--text-muted);font-size:.83rem;line-height:1.55}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}.home-card{background:#120e1ce0;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.85rem;box-shadow:0 8px 36px #00000073;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:480px}.btn-text-change-avatar{display:inline-flex;align-items:center;gap:.35rem;background:#ffd21f17;border:1px solid rgba(255,210,31,.25);color:#ffe066;font-size:.76rem;font-weight:600;cursor:pointer;padding:.25rem .65rem;border-radius:9999px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 4px #00000026}.btn-text-change-avatar:hover{background:#ffd21f2e;border-color:#ffd21f73;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #ffd21f40}.btn-text-change-avatar:active{transform:translateY(0)}.home-card-header{display:flex;align-items:flex-start;gap:.9rem}.home-card-icon-box{width:44px;height:44px;border-radius:12px;background:#ffd21f14;border:1px solid rgba(255,210,31,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.home-card-title-wrap .card-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 .35rem}.home-card-title-wrap .card-subtitle{font-size:.83rem;color:var(--text-muted);line-height:1.45;margin:0}.home-card-form{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:1rem}.input-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.input-with-left-icon{position:relative;display:flex;align-items:center;width:100%}.input-left-icon{position:absolute;left:1.05rem;color:#ffffff73;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center}.input-field-icon{width:100%;padding:.8rem 1rem .8rem 2.85rem!important;font-size:.92rem;line-height:1.4;border-radius:12px;background:#0a0810b3;border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .18s ease}.input-field-icon::placeholder{color:#ffffff59}.input-field-icon:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd21f26;background:#0e0b16d9}.input-field-icon.code-input{letter-spacing:.1em;font-family:monospace;font-weight:700}.btn-card-action{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.4rem;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);margin-top:.4rem;background:#0e0b16d9;border:1.5px solid #ffd21f;color:#ffd21f;box-shadow:0 0 16px #ffd21f1f}.btn-card-action:hover:not(:disabled){background:#ffd21f;color:#0c0914;box-shadow:0 4px 24px #ffd21f73;transform:translateY(-2px)}.btn-card-action:active:not(:disabled){transform:translateY(0)}.btn-card-action:disabled{opacity:.6;cursor:not-allowed}.stored-parties-section{margin-top:1rem;margin-bottom:3rem}.stored-parties-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.stored-parties-title-wrap{display:flex;align-items:center;gap:.6rem}.stored-parties-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.stored-parties-count{font-size:.74rem;font-weight:700;color:var(--accent);background:#ffd21f1f;border:1px solid rgba(255,210,31,.28);padding:.15rem .6rem;border-radius:9999px}.btn-clear-history{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.4rem .85rem;border-radius:9999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-clear-history:hover{background:#ef44441f;border-color:#ef44444d;color:var(--danger)}.stored-parties-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.stored-party-card{background:#120e1cd9;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000059;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stored-party-card:hover{border-color:#ffd21f59;transform:translateY(-2px);box-shadow:0 8px 30px #00000080,0 0 18px #ffd21f1a}.stored-party-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.stored-party-thumb{width:100%;height:100%;object-fit:cover;display:block}.video-thumb-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at center,#ffd21f14,#0e0b16fa 75%),#0c0914!important;border:1px solid rgba(255,255,255,.06)!important;gap:.35rem!important;position:relative!important;overflow:hidden!important;-webkit-user-select:none;user-select:none}.thumb-empty-glow{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,31,.18) 0%,transparent 70%);pointer-events:none}.thumb-empty-icon-wrap{width:38px;height:38px;border-radius:50%;background:#ffd21f1a;border:1px solid rgba(255,210,31,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #ffd21f33}.thumb-empty-title{font-size:.82rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.thumb-empty-sub{font-size:.7rem;color:var(--text-dim);font-weight:500}.stored-party-time-badge{position:absolute;bottom:8px;right:8px;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.68rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;display:flex;align-items:center;gap:.3rem}.stored-party-content{padding:.95rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.stored-party-top-row{display:flex;align-items:center;justify-content:space-between}.stored-party-code{font-size:1.05rem;font-weight:800;color:#fff;font-family:monospace;letter-spacing:.05em}.stored-party-role-badge{font-size:.68rem;font-weight:800;padding:.12rem .5rem;border-radius:9999px;letter-spacing:.05em}.stored-party-user-row{display:flex;align-items:center;gap:.5rem}.stored-party-username{font-size:.85rem;color:var(--text-muted);font-weight:600}.stored-party-actions-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.btn-history-rejoin{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.52rem 1rem;background:transparent;border:1.5px solid #ffd21f;color:#ffd21f;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-history-rejoin:hover{background:#ffd21f;color:#0c0914}.btn-history-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.btn-history-icon:hover{background:#ffffff1a;color:#fff}.btn-history-delete:hover{background:#ef444426;border-color:#ef44444d;color:var(--danger)}.how-it-works-step{display:flex;align-items:flex-start;gap:.85rem;padding:.75rem;background:#ffffff08;border-radius:12px}.step-num{width:28px;height:28px;border-radius:50%;background:#ffd21f26;border:1px solid rgba(255,210,31,.3);color:var(--accent);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.88rem}.feature-item-card{padding:.85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.feature-emoji{font-size:1.4rem}@media(max-width:860px){.home-top-navbar{padding:.75rem 1.2rem}.home-nav-pills{display:none}.feature-showcase-grid{grid-template-columns:1fr 1fr}.home-grid,.stored-parties-grid{grid-template-columns:1fr!important}.hero-title{font-size:2rem!important}.hero-decor-right{display:none}}@media(max-width:560px){.feature-showcase{padding:1.1rem}.feature-showcase-grid{grid-template-columns:1fr}}.floating-reactions-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;overflow:hidden}.floating-reaction-item{position:absolute;bottom:80px;display:flex;flex-direction:column;align-items:center;animation:floatUpAndDrift 2.4s cubic-bezier(.25,.46,.45,.94) forwards}.floating-reaction-item .reaction-emoji{font-size:2.2rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.floating-reaction-item .reaction-sender{font-size:.68rem;background:#120e1cd9;color:#fff;padding:.1rem .45rem;border-radius:9999px;border:1px solid rgba(255,255,255,.15);margin-top:.15rem;white-space:nowrap}@keyframes floatUpAndDrift{0%{opacity:0;transform:translateY(20px) scale(.6)}15%{opacity:1;transform:translateY(-40px) scale(1.1)}80%{opacity:.9}to{opacity:0;transform:translateY(-380px) scale(.9)}}.floating-reactions-launcher{position:fixed;max-width:calc(100vw - 16px);max-height:calc(100vh - 68px);z-index:9999;display:flex;flex-direction:column;gap:.4rem;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto}.floating-reactions-launcher.is-dragging{cursor:grabbing!important;opacity:.98}body.is-dragging-reaction{user-select:none!important;-webkit-user-select:none!important}body.is-dragging-reaction iframe{pointer-events:none!important}.floating-reactions-launcher.is-dragging *{cursor:grabbing!important}.floating-reactions-launcher .reaction-drag-handle{display:flex;align-items:center;justify-content:center;opacity:.65;transition:opacity .15s ease;cursor:grab}.floating-reactions-launcher:hover .reaction-drag-handle{opacity:1}.reaction-toggle-btn{display:inline-flex;align-items:center;gap:.45rem;background:#161122eb;border:1px solid rgba(255,210,31,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;padding:.5rem .9rem;border-radius:9999px;cursor:grab;box-shadow:0 4px 20px #00000073,0 0 14px #ffd21f33;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;font-size:.85rem;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.reaction-toggle-btn:hover{transform:translateY(-2px) scale(1.03);border-color:#ffd21f;box-shadow:0 6px 24px #ffd21f59}.floating-reactions-launcher.is-dragging .reaction-toggle-btn{transform:scale(1.07)!important;border-color:#ffd21f!important;box-shadow:0 10px 32px #ffd21f8c,0 0 20px #ffd21f66!important;cursor:grabbing!important;transition:none!important}.reactions-palette{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:.35rem;width:max-content;max-width:calc(100vw - 24px);background:#120e1cf0;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.4rem .6rem;border-radius:9999px;box-shadow:0 8px 32px #00000080;animation:scaleIn .18s cubic-bezier(.16,1,.3,1)}.reaction-group-tabs{display:flex;gap:.25rem;width:100%;overflow-x:auto;padding-bottom:.25rem}.reaction-group-tab{flex:0 0 auto;border:0;border-radius:999px;padding:.22rem .5rem;background:#ffffff0f;color:var(--text-dim);font-size:.68rem;cursor:pointer}.reaction-group-tab.active{background:#ffd21f2e;color:var(--accent)}.reaction-options{display:flex;align-items:center;gap:.35rem;overflow-x:auto;width:100%}.reaction-live-counters{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;color:var(--text-muted);font-size:.7rem;font-weight:700}.reaction-live-counters span{padding:.18rem .4rem;border-radius:999px;background:#ffffff0f}.reaction-poll{display:grid;gap:.4rem;width:min(100%,320px);padding:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#080a0fb8;font-size:.76rem}.reaction-poll-title{display:grid;gap:.12rem;padding-bottom:.25rem}.reaction-poll-label{color:var(--text-muted);font-size:.58rem;font-weight:800;letter-spacing:.08em}.reaction-poll-title strong{color:var(--text-main);font-size:.82rem;line-height:1.25}.reaction-poll-option{position:relative;isolation:isolate;display:flex;width:100%;min-height:32px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:var(--text-main);background:#ffffff0d;cursor:pointer;text-align:left}.reaction-poll-option:hover{border-color:#ffd21f73;background:#ffd21f14}.reaction-poll-option-fill{position:absolute;inset:0 auto 0 0;z-index:-1;min-width:0;background:linear-gradient(90deg,#ffd21f4d,#ffa00029);transition:width .25s ease}.reaction-poll-option-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.38rem .55rem;font-weight:600}.reaction-poll-option-content small{flex:0 0 auto;color:var(--text-muted);font-size:.65rem;font-weight:700}.reaction-create-poll{align-self:center;border:0;background:transparent;color:var(--text-dim);font-size:.68rem;cursor:pointer}.reaction-create-poll{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:30px;padding:.3rem .6rem;border:1px solid rgba(255,210,31,.24);border-radius:8px;background:#ffd21f1a;color:var(--accent);font-weight:700;white-space:nowrap}.reaction-create-poll.active{border-color:#ffffff26;background:#ffffff12;color:var(--text-main)}.reaction-poll-composer{gap:.6rem;padding:.7rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(145deg,#1d2127fa,#12151afa);box-shadow:0 10px 28px #00000047}.poll-composer-heading{display:flex;align-items:center;gap:.4rem;color:var(--text-main);font-size:.78rem;font-weight:700}.reaction-poll-composer .poll-composer-heading{justify-content:flex-start}.poll-composer-heading>svg{color:var(--accent)}.reaction-poll-composer .poll-composer-heading .poll-composer-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:auto;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-muted)}.reaction-poll-composer .poll-composer-heading .poll-composer-close:hover{border-color:#ffffff1f;background:#ffffff14;color:var(--text-main)}.poll-composer-field{display:grid;gap:.25rem;color:var(--text-muted);font-size:.65rem;font-weight:700}.poll-composer-field>span{display:flex;align-items:baseline;justify-content:space-between}.poll-composer-field small{color:var(--text-muted);font-size:.58rem;font-weight:500}.reaction-poll-composer .poll-composer-field input{min-height:36px;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0000003d;color:var(--text-main);font-size:.75rem}.reaction-poll-composer .poll-composer-field input:focus{outline:2px solid rgba(255,210,31,.38);border-color:#ffd21f80}.reaction-poll-composer .poll-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.15rem}.poll-option-hint{color:var(--text-muted);font-size:.62rem}.reaction-poll-composer .poll-create-submit{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:32px;padding:.35rem .65rem;border:1px solid rgba(255,210,31,.3);border-radius:8px;background:#ffd21f26;color:var(--accent);font-size:.7rem;font-weight:700}.reaction-poll-composer .poll-create-submit:disabled{opacity:.45;cursor:not-allowed}.chat-poll-card{flex:0 0 auto;margin:.65rem .75rem .35rem;padding:.85rem;border:1px solid rgba(255,210,31,.32);border-radius:12px;background:linear-gradient(145deg,#ffd21f1a,#ffffff09);box-shadow:0 8px 24px #00000029}.chat-poll-heading,.chat-poll-heading>div{display:flex;align-items:center}.chat-poll-heading{justify-content:space-between;gap:.5rem}.chat-poll-heading>div{gap:.4rem;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.07em}.chat-poll-heading>div svg{flex:0 0 auto}.chat-poll-total{color:var(--text-muted);font-size:.7rem}.chat-poll-card h3{margin:.55rem 0 .7rem;color:var(--text-main);font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}.chat-poll-options{display:grid;gap:.4rem}.chat-poll-option{position:relative;display:flex;width:100%;min-height:36px;align-items:center;overflow:hidden;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b;color:var(--text-main);cursor:pointer;text-align:left;transition:border-color .14s ease,background .14s ease}.chat-poll-option:hover,.chat-poll-option.selected{border-color:#ffd21f8c;background:#ffd21f14}.chat-poll-option-fill{position:absolute;inset:0 auto 0 0;background:#ffd21f24;pointer-events:none;transition:width .18s ease}.chat-poll-option-content{position:relative;z-index:1;display:flex;width:100%;justify-content:space-between;gap:.7rem;font-size:.78rem}.chat-poll-option-content>span{overflow-wrap:anywhere}.chat-poll-option-content small{flex:0 0 auto;color:var(--text-muted);font-size:.7rem}.chat-poll-hint{margin:.55rem 0 0;color:var(--text-muted);font-size:.68rem}.reaction-count{position:absolute;top:-3px;right:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:var(--accent);color:#19130a;font-size:.6rem;font-weight:800;line-height:14px}.reaction-options .reaction-btn{position:relative;flex:0 0 34px}.reactions-palette{flex-direction:column;align-items:stretch}.reaction-close-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff14;color:var(--text-muted);font-size:1.05rem;line-height:1;cursor:pointer}.reaction-close-btn:hover{background:#ffffff2e;color:var(--text-main)}.settings-reaction-control{display:grid;gap:.35rem;margin-top:.55rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.08)}.settings-reaction-label{color:var(--text-muted);font-size:.7rem;font-weight:600}.settings-reaction-control .controls-reaction-slot,.settings-reaction-control .inline-reactions-launcher{position:relative;width:100%}.settings-reaction-control .inline-reactions-launcher{align-items:stretch!important;touch-action:auto;z-index:1}.settings-reaction-control .reaction-toggle-btn{width:100%;min-height:34px;justify-content:flex-start;padding-inline:.65rem;background:#ffffff0f;border-color:#ffffff1a;box-shadow:none}.settings-reaction-control .reaction-toggle-label{display:inline}.local-quality-section{margin-top:.35rem}.local-quality-toggle{display:flex;align-items:center;gap:.45rem;width:100%;padding:.42rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0a;color:var(--text-main);font-size:.72rem;text-align:left;cursor:pointer}.local-quality-current{flex:1;color:var(--text-muted);text-align:right}.local-quality-toggle svg{color:var(--text-muted);transition:transform .18s ease}.local-quality-toggle svg.is-expanded{transform:rotate(180deg)}.local-quality-options{display:grid;gap:.15rem;margin-top:.25rem}.settings-reaction-control .reactions-palette{position:static!important;width:100%!important;max-width:100%!important;max-height:min(32vh,220px);overflow-y:auto;margin:.35rem 0 0!important;padding:.45rem;border-radius:10px;background:#0003;border-color:#ffffff1a;box-shadow:none;transform:none;z-index:1}.local-video-settings{position:absolute;right:0;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 24px));max-height:min(65vh,350px);overflow-y:auto;padding:.65rem;z-index:100;border-radius:12px;background:var(--surface-elevated, rgba(24, 27, 36, .98));border:1px solid var(--border-subtle, rgba(255, 255, 255, .14));box-shadow:0 8px 32px #0000008c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings-reaction-control .reaction-options{flex-wrap:wrap;overflow:visible;justify-content:flex-start}.reaction-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem .35rem;border-radius:50%;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.reaction-btn:hover{transform:scale(1.35) translateY(-3px)}.reaction-btn:active{transform:scale(.9)}.yt-search-modal-card{max-width:680px!important;width:94%!important;max-height:85vh;display:flex;flex-direction:column}.yt-search-modal-body{display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding-bottom:1.2rem}.yt-search-form{display:flex;gap:.6rem;flex-shrink:0}.yt-search-input-wrap{position:relative;flex:1;display:flex;align-items:center}.yt-search-icon{position:absolute;left:.85rem;color:var(--text-dim)}.yt-search-input{width:100%;padding-left:2.5rem;padding-right:2.2rem}.yt-search-loader{position:absolute;right:.75rem;color:var(--accent)}.yt-search-submit-btn{padding:.5rem 1.2rem;flex-shrink:0}.yt-search-presets{display:flex;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.35rem .2rem .45rem;margin-top:0;margin-bottom:.2rem;scrollbar-width:none;flex-shrink:0;min-height:40px}.yt-search-presets::-webkit-scrollbar{display:none}.yt-preset-pill{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary, #cbd5e1);font-size:.78rem;font-weight:500;padding:.35rem .8rem;border-radius:9999px;cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:1.25;transition:all .15s ease}.yt-preset-pill:hover{background:#ffd21f26;border-color:#ffd21f66;color:var(--accent);transform:translateY(-1px)}.yt-search-results{display:flex;flex-direction:column;gap:.65rem;overflow-y:auto;max-height:52vh;padding-right:.3rem}.yt-search-item{display:flex;align-items:center;gap:.85rem;padding:.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);transition:all .18s ease}.yt-search-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(2px)}.yt-search-item-thumb-wrap{position:relative;width:104px;height:58px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;background:#000}.yt-search-item-thumb{width:100%;height:100%;object-fit:cover;display:block}.yt-search-duration-badge{position:absolute;bottom:3px;right:3px;background:#000000d1;color:#fff;font-size:.65rem;font-weight:700;padding:.08rem .3rem;border-radius:3px}.yt-search-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.yt-search-item-title{font-size:.88rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.yt-search-item-id{font-size:.72rem;color:var(--text-dim);font-family:monospace}.yt-search-item-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.yt-btn-action{padding:.4rem .7rem;font-size:.78rem;display:flex;align-items:center;gap:.3rem}.yt-search-loading,.yt-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;color:var(--text-muted);gap:.6rem;text-align:center}.theater-dim-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050408d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:800;cursor:pointer;animation:fadeIn .3s ease forwards}.theater-dimmed .stage-area{position:relative;z-index:850;box-shadow:0 0 80px #000000e6,0 0 120px #ffd21f1f}.theater-dimmed .sidebar,.theater-dimmed .app-header{opacity:.25;filter:grayscale(.5);transition:opacity .3s ease,filter .3s ease}.theater-dimmed .sidebar:hover,.theater-dimmed .app-header:hover{opacity:.95;filter:none}.header-sync-center{display:flex;align-items:center;justify-content:center}.sync-badge{display:inline-flex;align-items:center;white-space:nowrap;gap:.45rem;padding:.3rem .65rem;border-radius:9999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.74rem;font-weight:600;cursor:pointer;position:relative;transition:all .2s ease}.sync-badge:hover{background:#ffffff14;border-color:#fff3}.sync-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-green{background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseDot 2s infinite}.dot-yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.dot-red{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulseDot 1s infinite}@keyframes pulseDot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.sync-details-popup{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:200px;padding:.75rem;display:flex;flex-direction:column;gap:.4rem;font-size:.75rem;z-index:1000;box-shadow:0 8px 24px #0009}.sync-details-row{display:flex;justify-content:space-between}.sync-label{color:var(--text-muted)}.val-good{color:#10b981;font-weight:700}.val-warn{color:#f59e0b;font-weight:700}.sync-quick-fix-btn{background:transparent;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;padding:.1rem}.invite-modal-card{max-width:440px!important;width:92%!important}.invite-modal-body{display:flex;flex-direction:column;gap:1.1rem;align-items:center;text-align:center}.invite-qr-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.invite-qr-frame{padding:10px;background:#ffd21f;border-radius:var(--r-md);box-shadow:0 4px 20px #ffd21f40;display:flex;align-items:center;justify-content:center}.invite-qr-canvas{display:block;border-radius:4px}.invite-qr-hint{font-size:.78rem;color:var(--text-muted);margin:0}.invite-code-card{width:100%;display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);padding:.7rem 1rem}.invite-code-left{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.invite-code-label{font-size:.65rem;color:var(--text-dim);letter-spacing:.08em;font-weight:700}.invite-code-value{font-size:1.25rem;font-weight:800;letter-spacing:.05em;color:var(--accent)}.invite-link-wrap{width:100%;display:flex;gap:.5rem}.invite-link-input{font-size:.8rem;flex:1}.invite-link-copy-btn{white-space:nowrap;padding:.5rem 1rem;flex-shrink:0}.invite-social-row{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.invite-social-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.82rem;font-weight:600;padding:.55rem}.whatsapp-btn{background:#25d366;color:#0b2e16}.whatsapp-btn:hover{background:#20ba59}.telegram-btn{background:#08c;color:#fff}.telegram-btn:hover{background:#0077b5}@media(max-width:768px){.header-sync-center{display:none}}.room-container,.stage-area,.sidebar,.stage-ambient-wrapper,.stage-card,.video-wrapper,.mobile-playback-dock{min-width:0;max-width:100%}.chat-text-v2,.activity-row,.participant-name,.request-card-item{word-break:break-word;overflow-wrap:anywhere;max-width:100%;min-width:0}@media(max-width:768px){html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overscroll-behavior-x:none;touch-action:pan-y}#root,.room-page-root,.room-container,.stage-area,.sidebar,.sidebar-tab-content{width:100%!important;max-width:100%!important;overflow-x:hidden!important;touch-action:pan-y;box-sizing:border-box}.app-header{padding-inline:clamp(.5rem,2.5vw,1rem);gap:.5rem}.header-actions{flex:1 1 auto;justify-content:flex-end;min-width:0}.header-btn-text,.header-btn-prefix{display:none!important}.header-btn{min-width:34px;min-height:34px;padding-inline:.5rem}.room-container{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;margin-inline:auto}.stage-area,.sidebar,.mobile-playback-dock,.controls-dock-panel{width:100%;max-width:100%}.controls-dock-panel .buttons-row,.controls-dock-panel .playback-buttons,.controls-dock-panel .utility-buttons{min-width:0}}@media(max-width:480px){.app-header{padding-inline:.4rem!important}.header-actions{gap:.25rem!important}.header-room-code{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.room-container{padding-inline:0!important}.sidebar{padding-inline:.4rem!important}.controls-dock-panel{border-radius:var(--r-lg);padding-inline:.65rem}.controls-dock-panel .buttons-row{align-items:stretch}.controls-dock-panel .playback-buttons{flex:1 1 100%;justify-content:space-between}.controls-dock-panel .controls-right-group{flex:1 1 100%;min-width:0;max-width:100%;width:100%;justify-content:flex-end;flex-wrap:wrap;column-gap:.5rem;row-gap:.35rem}.controls-dock-panel .controls-role-badge{flex:0 0 auto;padding-inline:.45rem}.controls-dock-panel .controls-reaction-slot{flex:0 0 auto;display:flex;align-items:center}.controls-dock-panel .reaction-toggle-btn{width:42px;justify-content:center;padding-inline:.35rem}.controls-dock-panel .reaction-toggle-label{display:none}.mobile-playback-dock .controls-reaction-slot .reactions-palette{position:fixed!important;left:.5rem!important;right:.5rem!important;bottom:7.25rem!important;top:auto!important;background:var(--bg-card)!important;border-color:var(--border)!important;width:auto!important;max-width:none!important;transform:none!important}.mobile-playback-dock .local-video-settings .settings-reaction-control .reactions-palette{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;max-height:min(32vh,220px)!important;margin:.35rem 0 0!important}.home-page-wrapper{width:100%;overflow-x:hidden}.home-page-wrapper .home-container{width:calc(100% - 1rem);max-width:100%;min-width:0;padding-inline:0;margin-inline:auto}.home-page-wrapper .hero{width:100%;padding-inline:.5rem}.home-profile-banner{align-items:flex-start;flex-wrap:wrap;gap:.8rem;padding:.8rem}.home-profile-left{min-width:0;flex:1 1 100%}.home-profile-name-row{flex-wrap:wrap}.home-choose-char-btn{width:100%;justify-content:center}.home-card{min-width:0;padding:1.15rem}.home-card-header{min-width:0}.stored-parties-header{align-items:flex-start;flex-wrap:wrap;gap:.75rem}}.upnext-panel{display:flex;flex-direction:column;padding:.85rem!important;min-height:0}.upnext-header{display:flex;flex-direction:column;gap:.65rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.75rem}.upnext-header-row-top{display:flex;align-items:center;justify-content:space-between;width:100%}.upnext-title-wrap{display:flex;align-items:center;gap:.45rem}.upnext-icon{color:var(--accent)}.upnext-title{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#f8fafc}.upnext-header-row-bottom{display:flex;align-items:center;gap:.45rem;width:100%;flex-wrap:wrap}.upnext-search-wrap{position:relative;flex:1;min-width:110px}.upnext-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.upnext-search-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-full);padding:.3rem .65rem .3rem 1.8rem;font-size:.76rem;color:var(--text-main);transition:all .2s ease}.upnext-search-input:focus{outline:none;background:#ffffff14;border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.upnext-tools-row{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.upnext-chip-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;border-radius:var(--r-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.upnext-chip-btn:hover{background:#ffffff17;color:var(--text-main);border-color:#ffffff2e}.upnext-chip-btn.active{background:var(--accent-dim);border-color:#ffd21f59;color:var(--accent)}.upnext-chip-btn.upnext-chip-danger:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.btn-outline-gold{border:1px solid rgba(255,215,0,.6)!important;color:gold!important;background:#ffd70014!important;font-weight:600;border-radius:20px;padding:.35rem .75rem;font-size:.76rem;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.btn-outline-gold:hover{background:#ffd7002e!important;box-shadow:0 0 12px #ffd70040;transform:translateY(-1px)}.upnext-btn-icon{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:.35rem .6rem;font-size:.75rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:.3rem;transition:all .15s ease}.upnext-btn-icon:hover{color:var(--text-main);background:#ffffff1a}.upnext-btn-icon.active-gold{color:gold;border-color:#ffd70080;background:#ffd7001f}.upnext-items-list{display:flex;flex-direction:column;gap:.45rem;overflow-y:auto;max-height:480px;padding-right:2px}.upnext-item-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;background:#12141ab3;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease;position:relative}.upnext-item-row:hover{background:#1a1d26d9;border-color:#ffffff1f}.upnext-item-row.is-playing-row{border:1.5px solid rgba(255,215,0,.55);background:#ffd7000a;box-shadow:0 0 16px #ffd70014}.upnext-index-col{display:flex;align-items:center;gap:.2rem;width:24px;flex-shrink:0}.upnext-grip{color:var(--text-dim);cursor:grab;opacity:.5}.upnext-grip:hover{opacity:1}.upnext-index-num{font-size:.82rem;font-weight:600;color:var(--text-dim)}.upnext-thumb-col{width:72px;height:44px;flex-shrink:0}.upnext-thumb-wrapper{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#000}.upnext-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.upnext-playing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;gap:3px;color:gold;font-size:.62rem;font-weight:750;letter-spacing:.03em}.upnext-info-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.2rem}.upnext-video-title{margin:0;font-size:.82rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upnext-subtitle{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upnext-dot{opacity:.6}.upnext-actions-col{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.upnext-avatar-wrap{display:inline-flex}.upnext-vote-btn{display:inline-flex;align-items:center;gap:.32rem;padding:.26rem .55rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-dim);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .15s ease}.upnext-vote-btn:hover{background:#ffd7001f;border-color:#ffd70066;color:gold;transform:translateY(-1px)}.upnext-vote-btn.has-voted{background:#ffd7002e;border-color:gold;color:gold;box-shadow:0 0 10px #ffd70033}.upnext-play-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3);cursor:pointer;transition:all .15s ease}.upnext-play-btn:hover{background:gold;color:#000;transform:scale(1.08)}.upnext-menu-container{position:relative}.upnext-menu-trigger{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;transition:all .18s ease}.upnext-menu-trigger:hover,.upnext-menu-trigger.active{color:var(--text-main);background:#ffffff14;border-color:#ffffff1f}.upnext-dropdown-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:99999;background:#121620f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:.4rem;min-width:175px;box-shadow:0 14px 40px #000000bf,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:.25rem;animation:upnextDropdownPop .16s cubic-bezier(.16,1,.3,1) forwards}.upnext-dropdown-menu.portal-dropdown-menu{position:fixed;z-index:999999!important}@keyframes upnextDropdownPop{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.upnext-item-row.has-active-menu{z-index:100;border-color:#fff3}.upnext-item-row,.upnext-actions-col,.upnext-menu-container{overflow:visible}.upnext-items-list{overflow-x:visible}.playback-speed-slider{width:100%;accent-color:var(--accent);cursor:pointer}.playback-speed-scale{display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);font-size:.68rem}.playback-speed-scale strong{color:var(--accent);font-size:.76rem}.upnext-menu-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;border-radius:6px;background:transparent;border:none;color:var(--text-main);font-size:.78rem;text-align:left;cursor:pointer;width:100%;text-decoration:none;transition:background .15s ease}.upnext-menu-item:hover{background:#ffffff14}.upnext-menu-item.text-danger{color:var(--accent-rose)}.upnext-empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:.4rem}.activity-timeline-panel{display:flex;flex-direction:column;padding:.85rem!important}.activity-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.75rem}.activity-header-left{display:flex;align-items:center;gap:.55rem}.activity-mark-icon{color:#22c55e}.activity-title{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#f8fafc}.activity-filter-wrap{position:relative}.activity-filter-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:.3rem .75rem;font-size:.76rem;font-weight:600;color:var(--text-main);display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .15s ease}.activity-filter-btn:hover{background:#ffffff1a}.activity-chevron{transition:transform .2s ease}.activity-chevron.rotated{transform:rotate(180deg)}.activity-filter-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:100;background:#141720;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.3rem;min-width:120px;box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;gap:.15rem}.activity-filter-option{padding:.4rem .65rem;border-radius:6px;background:transparent;border:none;color:var(--text-dim);font-size:.76rem;text-align:left;cursor:pointer;transition:all .15s ease}.activity-filter-option:hover{color:var(--text-main);background:#ffffff14}.activity-filter-option.selected{color:#22c55e;font-weight:600;background:#22c55e1a}.activity-timeline-container{position:relative;overflow-y:auto;max-height:480px;padding-left:.25rem;padding-right:.25rem}.activity-timeline-list{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:.35rem 0}.activity-timeline-track-line{position:absolute;top:14px;bottom:14px;left:12px;width:2px;background:linear-gradient(180deg,#eab308,#22c55e 35%,#10b981);opacity:.75;z-index:1}.activity-timeline-item{position:relative;z-index:2;display:flex;align-items:center;gap:.85rem}.activity-node-col{width:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-node{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#141720}.activity-node.node-play{background:#eab308;color:#000;box-shadow:0 0 10px #eab30880}.activity-node.node-add,.activity-node.node-check{background:#22c55e;color:#000;box-shadow:0 0 10px #22c55e80}.activity-node.node-avatar{background:transparent;border-radius:50%;box-shadow:0 0 8px #22c55e59}.activity-content-col{flex:1 1 0;min-width:0}.activity-text{font-size:.82rem;color:#f1f5f9;font-weight:500;word-break:break-word}.activity-time-col{flex-shrink:0;margin-left:auto}.activity-timestamp{font-size:.72rem;color:#64748b;white-space:nowrap}.activity-empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:.5rem}@media(max-width:900px){.app-header .header-sync-center{display:none}.app-header .header-btn-text,.app-header .header-btn-prefix{display:none!important}.app-header .header-actions{min-width:0;overflow:hidden;gap:.3rem}.app-header .header-btn{flex:0 0 auto;min-width:34px;min-height:34px;padding-inline:.45rem}}.extension-status-banner{display:flex;align-items:center;justify-content:space-between;padding:.55rem .95rem;margin-bottom:.85rem;border-radius:var(--r-md);font-size:.78rem;font-weight:500;background:#141719d9;border:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-muted);box-shadow:0 4px 16px #00000040;transition:all .2s ease}.extension-status-banner-ready{background:#0e1216cc;border-color:#ffffff14}.extension-status-banner-mismatch{background:#f59e0b1f;border-color:#f59e0b59;color:#fde68a}.extension-banner-left{display:flex;align-items:center;gap:.55rem;min-width:0}.extension-banner-right{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--text-dim);flex-shrink:0}.extension-banner-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extension-icon-chrome{color:#c084fc;flex-shrink:0}.extension-icon-check{color:var(--accent-cyan);flex-shrink:0}.extension-icon-alert{color:#fbbf24;flex-shrink:0}.extension-badge-active{color:var(--green);font-weight:600}.extension-badge-idle{color:var(--text-muted)}.extension-media-title{text-decoration:underline;color:#fef08a}.extension-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.diagnostics-modal-card{max-width:540px!important;width:95%!important}.diagnostics-modal-header-title{display:flex;align-items:center;gap:.55rem}.diagnostics-modal-header-title h2{font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0}.diagnostics-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.diagnostics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:480px){.diagnostics-grid{grid-template-columns:1fr}}.diagnostics-metric-card{padding:.85rem;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.diagnostics-metric-header{display:flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.diagnostics-metric-value{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.diagnostics-protocol-card{padding:.95rem;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.diagnostics-protocol-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.diagnostics-protocol-list{display:flex;flex-direction:column;gap:.45rem;font-size:.8rem}.diagnostics-protocol-row{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.diagnostics-protocol-row:last-child{border-bottom:none}.diagnostics-protocol-row .label{color:var(--text-muted)}.diagnostics-protocol-row .val{color:var(--text-main);font-weight:600}.diagnostics-protocol-row .mono{font-family:var(--mono);color:var(--accent-cyan)}.text-green{color:var(--green)!important}.text-amber{color:var(--orange)!important}.text-purple{color:#c084fc!important}.auth-modal-card{max-width:460px!important;width:95%!important}.auth-modal-header-title{display:flex;align-items:center;gap:.6rem}.auth-badge-v2{font-size:.65rem;font-weight:800;padding:.15rem .4rem;border-radius:var(--r-sm);background:linear-gradient(135deg,#a855f7,#38bdf8);color:#fff;letter-spacing:.05em}.auth-modal-header-title h2{font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0}.auth-modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.auth-profile-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;text-align:center}.auth-profile-avatar-wrap{position:relative;width:76px;height:76px;border-radius:var(--r-full);border:2px solid rgba(168,85,247,.6);padding:3px;background:var(--bg-raised);display:flex;align-items:center;justify-content:center}.auth-profile-username{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.auth-profile-email{font-size:.8rem;color:var(--text-muted);margin:.15rem 0 0}.auth-profile-bio{font-size:.8rem;color:var(--text-dim);margin:.4rem 0 0;font-style:italic}.auth-logout-btn{margin-top:.5rem;display:inline-flex;align-items:center;gap:.45rem;color:var(--red);border-color:#f25f5c4d}.auth-logout-btn:hover{background:#f25f5c1f;border-color:var(--red)}.auth-tabs{display:flex;padding:3px;background:var(--bg-root);border:1px solid var(--border);border-radius:var(--r-md);gap:3px}.auth-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease}.auth-tab-btn.active{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed59}.auth-error-banner{padding:.6rem .85rem;border-radius:var(--r-sm);font-size:.78rem;color:#fda4af;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3)}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-form-group{display:flex;flex-direction:column;gap:.35rem}.auth-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:.75rem;color:var(--text-dim);pointer-events:none}.auth-input{width:100%;padding:.55rem .75rem .55rem 2.25rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-root);color:var(--text-main);font-size:.85rem;outline:none;transition:border-color .18s}.auth-input:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.auth-avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;padding:.45rem;background:var(--bg-root);border:1px solid var(--border);border-radius:var(--r-md);max-height:120px;overflow-y:auto}.auth-avatar-btn{padding:.35rem;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.auth-avatar-btn:hover{background:var(--bg-hover)}.auth-avatar-btn.active{border-color:#a855f7;background:#a855f733}.auth-submit-btn{margin-top:.5rem;padding:.65rem 1rem;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;color:#fff;font-weight:600;font-size:.88rem;border-radius:var(--r-md);cursor:pointer;box-shadow:0 4px 14px #7c3aed59;transition:opacity .2s}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.browser-hub-modal-card{max-width:840px;width:95%;max-height:90vh;overflow-y:auto;padding:1.5rem;background:var(--bg-card, #12151c);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg, 16px);box-shadow:0 25px 60px #000000b3}.browser-hub-header{margin-bottom:1.25rem}.browser-hub-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.browser-hub-title{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;color:var(--text-main, #f8fafc);margin:0}.browser-hub-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:999px}.browser-hub-status-pill.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.browser-hub-status-pill.idle{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.browser-hub-desc{font-size:.85rem;color:var(--text-muted, #94a3b8);line-height:1.45;margin:0}.browser-hub-address-bar{margin-bottom:1.5rem;padding:1rem;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md, 12px)}.browser-hub-address-form{display:flex;flex-direction:column;gap:.5rem}.browser-hub-address-input-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--bg-surface, #0f1117);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-sm, 8px);padding:.35rem .6rem;transition:border-color .2s ease,box-shadow .2s ease}.browser-hub-address-input-wrapper:focus-within{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.browser-hub-address-input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text-main, #f8fafc);font-size:.88rem}.browser-hub-address-input-wrapper input::placeholder{color:var(--text-dim, #64748b)}.browser-hub-address-submit{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem}.browser-hub-address-error{color:#f87171;font-size:.78rem;margin:.25rem 0 0}.browser-hub-address-hint{color:var(--text-dim, #64748b);font-size:.75rem;margin:.25rem 0 0}.browser-hub-section-title{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;color:var(--text-main, #f8fafc);margin:0 0 .75rem}.browser-hub-platforms{margin-bottom:1.5rem}.browser-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.browser-platform-card{position:relative;background:var(--bg-surface, #0f1117);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md, 10px);padding:.9rem;display:flex;flex-direction:column;justify-content:space-between;gap:.6rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.browser-platform-card:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 8px 20px #0006}.browser-platform-card.active{border-color:#60a5fa;box-shadow:0 0 15px #60a5fa40}.browser-platform-top{display:flex;align-items:center;justify-content:space-between}.browser-platform-icon-wrap{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.browser-platform-active-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;color:#34d399;background:#10b98126;padding:.15rem .45rem;border-radius:4px}.browser-platform-body{display:flex;flex-direction:column;gap:.2rem}.browser-platform-name{font-size:.92rem;font-weight:600;color:var(--text-main, #f8fafc)}.browser-platform-category{font-size:.72rem;color:var(--text-dim, #64748b);text-transform:uppercase;letter-spacing:.04em}.browser-platform-desc{font-size:.78rem;color:var(--text-muted, #94a3b8);line-height:1.35;margin:0}.browser-platform-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;border-radius:var(--r-sm, 6px);cursor:pointer}.browser-hub-samples{margin-bottom:1.5rem;padding:.9rem;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-md, 10px)}.browser-sample-chips{display:flex;flex-wrap:wrap;gap:.5rem}.browser-sample-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--bg-surface, #1e293b);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--text-main, #f1f5f9);font-size:.78rem;cursor:pointer;transition:all .15s ease}.browser-sample-chip:hover{background:#3b82f633;border-color:#3b82f6;color:#fff}.browser-hub-extension-guide{margin-bottom:1.25rem;padding:1rem;background:#1e293b66;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md, 10px)}.extension-guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.extension-guide-step{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;color:var(--text-muted, #94a3b8);line-height:1.35}.extension-guide-step strong{color:var(--text-main, #f8fafc)}.extension-step-num{width:22px;height:22px;border-radius:50%;background:#60a5fa33;color:#60a5fa;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.extension-copy-chip{display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;padding:.2rem .5rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:var(--mono, monospace);font-size:.72rem;color:#93c5fd;cursor:pointer}.extension-copy-chip:hover{background:#0009;border-color:#60a5fa}.browser-hub-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem;color:var(--text-dim, #64748b)}.browser-hub-privacy-note{display:flex;align-items:center;gap:.4rem}.cinema-stage-card{width:100%;height:100%;min-height:380px;background:linear-gradient(135deg,#090b10,#111827,#0d1117);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;border-radius:var(--r-md, 10px);position:relative;overflow:hidden;box-shadow:inset 0 0 100px #000c}.cinema-stage-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none}.cinema-stage-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.cinema-stage-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.82rem;font-weight:600;color:var(--text-main, #f8fafc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cinema-extension-status{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600}.cinema-extension-status.synced{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.cinema-extension-status.waiting{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.cinema-stage-body{text-align:center;max-width:620px;margin:1.5rem auto;position:relative;z-index:2}.cinema-stage-icon-halo{width:72px;height:72px;margin:0 auto 1.25rem;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,rgba(59,130,246,.05) 70%,transparent 100%);border:1px solid rgba(96,165,250,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #3b82f64d}.cinema-stage-title{font-size:1.45rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.cinema-stage-subtitle{font-size:.88rem;color:var(--text-muted, #94a3b8);line-height:1.5;margin:0 0 1.25rem}.cinema-stage-cta-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.btn-cinema-open{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:.92rem;border-radius:var(--r-md, 8px);text-decoration:none;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 18px #2563eb66;transition:all .2s ease}.btn-cinema-open:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb99;background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-cinema-hub{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;background:#ffffff14;color:var(--text-main, #f8fafc);font-weight:500;font-size:.88rem;border-radius:var(--r-md, 8px);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .2s ease}.btn-cinema-hub:hover{background:#ffffff24}.cinema-stage-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1.5rem;position:relative;z-index:2}.cinema-stage-feature-item{background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm, 8px);padding:.65rem .8rem;font-size:.75rem;color:var(--text-muted, #94a3b8);line-height:1.35}.cinema-stage-feature-item strong{display:block;color:var(--text-main, #f8fafc);margin-bottom:.2rem;font-size:.8rem}.direct-video-wrapper{width:100%;height:100%;background:#000;position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md, 10px);overflow:hidden}.direct-video-element{width:100%;height:100%;max-height:calc(100vh - 160px);object-fit:contain;background:#000}.direct-video-badge{position:absolute;top:1rem;left:1rem;z-index:10;display:inline-flex;align-items:center;gap:.4rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#38bdf8;border:1px solid rgba(56,189,248,.3);pointer-events:none}.video-empty-actions-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.direct-video-error-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:.75rem}.direct-video-error-icon{width:60px;height:60px;border-radius:50%;background:#ef444426;border:1px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.direct-video-error-title{font-size:1.25rem;font-weight:700;color:#f8fafc;margin:0}.direct-video-error-msg{font-size:.88rem;color:#fca5a5;max-width:480px;line-height:1.45;margin:0}.direct-video-error-url{max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0006;border:1px solid rgba(255,255,255,.1);padding:.35rem .75rem;border-radius:6px;font-family:var(--mono, monospace);font-size:.75rem;color:#94a3b8}.direct-video-error-actions{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center}.video-hidden{display:none!important}.browser-hub-modal-card{max-width:840px!important;width:95%!important;max-height:88vh;display:flex;flex-direction:column;background:#0e1014f5!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 24px 60px #000000b3,0 0 40px #ffd21f0f!important}.browser-hub-header-title{display:flex;align-items:center;gap:.85rem}.browser-hub-header-title h2{font-size:1.25rem;font-weight:800;color:#f8fafc;margin:0;letter-spacing:-.02em}.browser-hub-subtitle{font-size:.78rem;color:var(--text-muted);display:block;margin-top:.15rem}.browser-hub-tabs{display:flex;align-items:center;gap:.45rem;padding:.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.07);background:#00000040;overflow-x:auto}.browser-hub-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:var(--r-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.browser-hub-tab-btn:hover{background:#ffffff14;color:var(--text-main);border-color:#ffffff26}.browser-hub-tab-btn.active{background:var(--accent-dim);border-color:#ffd21f66;color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.browser-hub-tab-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b}.browser-hub-tab-dot.active{background:#34d399;box-shadow:0 0 6px #34d399}.browser-hub-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.browser-hub-url-bar{display:flex;align-items:center;gap:.65rem;width:100%}.browser-hub-input-wrap{position:relative;flex:1;display:flex;align-items:center}.browser-hub-input-icon{position:absolute;left:.85rem;color:var(--text-dim);pointer-events:none}.browser-hub-input{width:100%;padding:.65rem 2.2rem .65rem 2.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);color:var(--text-main);font-size:.84rem;transition:all .2s ease}.browser-hub-input:focus{outline:none;background:#ffffff12;border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.browser-hub-clear-btn{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center}.browser-hub-clear-btn:hover{color:var(--text-main)}.browser-hub-go-btn{padding:.65rem 1.25rem;white-space:nowrap;font-weight:700;display:inline-flex;align-items:center;gap:.45rem;border-radius:var(--r-md)}.browser-hub-detected-preview{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:var(--r-md);font-size:.82rem;color:#7dd3fc}.browser-hub-platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}.browser-platform-card,.platform-card{padding:1.15rem;border-radius:var(--r-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.browser-platform-card:before,.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,210,31,.6),transparent);opacity:0;transition:opacity .2s ease}.browser-platform-card:hover,.platform-card:hover{background:#ffffff0f;border-color:#ffd21f59;transform:translateY(-3px);box-shadow:0 10px 28px #00000080,0 0 20px #ffd21f1a}.browser-platform-card:hover:before,.platform-card:hover:before{opacity:1}.browser-platform-header,.platform-card-header{display:flex;align-items:center;gap:.75rem}.platform-icon,.platform-card-icon{font-size:1.5rem;width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-name,.platform-card-title{font-size:.96rem;font-weight:700;color:#f8fafc;margin:0 0 .15rem;line-height:1.2}.platform-badge,.platform-card-badge{font-size:.68rem;font-weight:600;padding:.12rem .5rem;border-radius:var(--r-full);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--accent);display:inline-block}.platform-desc,.platform-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.45;margin:0}.browser-platform-action,.platform-card-action{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--accent);padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06);transition:color .15s ease}.browser-platform-card:hover .browser-platform-action,.platform-card:hover .platform-card-action{color:#fff}.browser-hub-direct-section{display:flex;flex-direction:column;gap:1rem}.direct-intro-box{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:var(--r-md);background:#ffd21f0f;border:1px solid rgba(255,210,31,.2);color:var(--text-main);font-size:.82rem;line-height:1.45}.direct-intro-box p{margin:0}.browser-hub-presets-grid,.browser-hub-direct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.browser-preset-card,.direct-preset-card{padding:1.1rem;border-radius:var(--r-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:.85rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.browser-preset-card:hover,.direct-preset-card:hover{background:#ffffff0f;border-color:#ffd21f59;transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.preset-card-left{display:flex;align-items:center;gap:.75rem}.preset-card-icon{font-size:1.5rem}.preset-card-name{font-size:.92rem;font-weight:700;color:#f8fafc;margin:0 0 .15rem}.preset-card-badge{font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:4px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8;display:inline-block}.browser-hub-extension-section{display:flex;flex-direction:column;gap:1.15rem}.extension-status-hero{padding:1.1rem 1.25rem;border-radius:var(--r-lg);border:1px solid;display:flex;align-items:center;justify-content:space-between}.extension-status-hero.active{background:#22c55e14;border-color:#22c55e4d}.extension-status-hero.idle{background:#a855f714;border-color:#a855f740}.extension-hero-left{display:flex;align-items:center;gap:.9rem}.extension-hero-title{font-size:1rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem}.extension-hero-subtitle{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin:0}.extension-steps-list{display:flex;flex-direction:column;gap:.85rem}.extension-step-item{display:flex;gap:1rem;padding:.95rem 1.1rem;border-radius:var(--r-md);background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.step-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#000;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h4{font-size:.9rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem}.step-content p{font-size:.8rem;color:var(--text-muted);margin:0 0 .5rem;line-height:1.45}.step-content code{background:#00000080;border:1px solid rgba(255,255,255,.12);padding:.15rem .4rem;border-radius:4px;color:var(--accent);font-size:.8rem}.extension-privacy-guarantee{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border-radius:var(--r-md);background:#38bdf80f;border:1px solid rgba(56,189,248,.18);font-size:.78rem;color:var(--text-muted)}.extension-privacy-guarantee p{margin:0}.avatar-picker{display:flex;flex-direction:column;gap:1.25rem}.avatar-picker-preview{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:var(--r-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.avatar-picker-preview-info{display:flex;flex-direction:column;gap:.25rem}.avatar-picker-name-row{display:flex;align-items:center;gap:.6rem}.avatar-picker-name{font-size:1.1rem;font-weight:800;color:#f8fafc;letter-spacing:-.01em}.avatar-picker-badge{font-size:.72rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--r-full);background:var(--accent-dim);border:1px solid rgba(255,210,31,.25);color:var(--accent)}.avatar-picker-desc{font-size:.78rem;color:var(--text-dim);line-height:1.4}.avatar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.75rem}.avatar-picker-item{width:56px;height:56px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center}.avatar-picker-item:hover{transform:scale(1.12);box-shadow:0 6px 18px #00000080}.avatar-picker-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),0 6px 20px #0009;transform:scale(1.08)}.avatar-picker-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-picker-emoji{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.chat-action-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:var(--bg-card);border-bottom:1px solid var(--border);gap:.5rem;flex-shrink:0;overflow:hidden}.chat-quick-rx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;height:29px;max-height:29px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}.chat-quick-rx-row::-webkit-scrollbar{display:none;width:0;height:0}.chat-rx-mini-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-full);width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s;flex-shrink:0}.chat-rx-mini-btn:hover{transform:scale(1.18);background:#ffd21f33;border-color:#ffd21f73}.chat-poll-cta-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--r-full);background:#ffd21f1a;border:1px solid rgba(255,210,31,.3);color:var(--accent);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.chat-poll-cta-btn:hover,.chat-poll-cta-btn.active{background:#ffd21f38;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 12px #ffd21f40}.chat-poll-toggle-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .15s ease}.chat-poll-toggle-btn:hover,.chat-poll-toggle-btn.active{color:var(--accent);transform:scale(1.1)}.chat-poll-composer-card{margin:.6rem .75rem;padding:.85rem;border-radius:var(--r-md);background:#12161ff2;border:1px solid rgba(255,210,31,.3);box-shadow:0 8px 24px #0009,0 0 20px #ffd21f14;display:flex;flex-direction:column;gap:.7rem;animation:slideDown .2s ease}.chat-poll-composer-header{display:flex;align-items:center;justify-content:space-between}.composer-title{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:#f8fafc}.composer-close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:.2rem}.composer-close-btn:hover{color:#fff}.composer-field{display:flex;flex-direction:column;gap:.3rem}.composer-field label{font-size:.73rem;font-weight:600;color:var(--text-muted)}.composer-field input{padding:.45rem .65rem;border-radius:var(--r-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.82rem}.composer-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.composer-label-row{display:flex;align-items:center;justify-content:space-between}.composer-add-opt-link{background:none;border:none;color:var(--accent);font-size:.72rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:0}.composer-options-list{display:flex;flex-direction:column;gap:.35rem}.composer-option-row{display:flex;align-items:center;gap:.35rem}.composer-option-row input{flex:1}.composer-remove-opt-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.2rem;display:flex;align-items:center}.composer-remove-opt-btn:hover{color:var(--red)}.composer-submit-btn{padding:.5rem;font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.2rem}.stage-quick-reactions-dock{position:absolute;bottom:104px;right:20px;z-index:35;display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:30px;background:#0a0e17d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 30px #0009,0 0 15px #ffd21f1a;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.stage-quick-reactions-dock.dock-visible,.video-wrapper:hover .stage-quick-reactions-dock{opacity:1;pointer-events:auto;transform:translateY(0)}.dock-hint{font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.6px;padding:0 .25rem 0 .15rem}.stage-dock-rx-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;cursor:pointer;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s,border-color .18s}.stage-dock-rx-btn:hover{transform:scale(1.35) translateY(-3px);background:#ffd21f38;border-color:#ffd21f80;box-shadow:0 4px 12px #ffd21f59}.local-reactions-popover{position:absolute;bottom:48px;right:0;min-width:290px;padding:.85rem;border-radius:var(--r-md);background:#0e1219f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 36px #000000b3;z-index:50;animation:slideUp .18s ease}.local-reactions-popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.76rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.popover-close-btn{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;line-height:1;padding:0}.popover-close-btn:hover{color:#fff}.temp-browser-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-deep, #07090e);color:var(--text-primary, #f8fafc);font-family:inherit}.temp-browser-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;height:100vh}.temp-browser-app-header{height:56px;background:#0f121cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.temp-browser-header-left,.temp-browser-header-right{display:flex;align-items:center;gap:12px}.temp-browser-brand{display:flex;align-items:center;gap:8px}.temp-browser-landing{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.temp-browser-window{flex:1;display:flex;flex-direction:column;background:#000;overflow:hidden;position:relative}.browser-chrome-bar{height:48px;background:#161b28fa;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;padding:0 12px;flex-shrink:0}.browser-nav-buttons{display:flex;align-items:center;gap:4px}.chrome-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary, #cbd5e1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.chrome-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.chrome-btn:disabled{opacity:.35;cursor:not-allowed}.browser-address-bar-form{flex:1;max-width:900px}.browser-address-bar-wrapper{position:relative;display:flex;align-items:center}.browser-lock-icon{position:absolute;left:10px;pointer-events:none}.browser-address-input{width:100%;height:34px;background:#0a0d14d9;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 65px 0 32px;color:#fff;font-size:13px;outline:none;transition:border-color .15s ease}.browser-address-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.browser-loading-spinner{position:absolute;right:50px;color:#38bdf8}.browser-go-btn{position:absolute;right:4px;height:26px;padding:0 10px;border-radius:5px;border:none;background:#38bdf833;color:#38bdf8;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.browser-go-btn:hover{background:#38bdf8;color:#000}.browser-loading-bar{height:3px;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#ec4899);animation:loadingBarAnim 1.5s infinite;flex-shrink:0}@keyframes loadingBarAnim{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(.7);transform-origin:left}to{transform:scaleX(1);transform-origin:right}}.browser-viewport-container{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;outline:none}.browser-viewport-frame{width:100%;height:100%;object-fit:contain;display:block}.browser-viewport-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary, #cbd5e1);font-size:14px}.control-panel-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.control-panel-drawer{width:520px;max-width:95vw;height:100vh;background:#0f121cf5;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;box-shadow:-15px 0 50px #000000b3;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.control-panel-header{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.control-panel-title-area{display:flex;align-items:center;gap:12px}.control-panel-icon-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0ea5e94d}.control-panel-title{margin:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.2px}.control-panel-subtitle{font-size:11px;color:var(--text-secondary, #94a3b8);display:flex;align-items:center;gap:6px;margin-top:2px}.control-panel-dot{opacity:.5}.control-panel-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#00000040;overflow-x:auto;scrollbar-width:none}.control-panel-tabs::-webkit-scrollbar{display:none}.control-tab-btn{flex:1;min-width:fit-content;padding:12px 14px;border:none;background:transparent;color:var(--text-secondary, #94a3b8);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap}.control-tab-btn:hover{color:#fff;background:#ffffff0a}.control-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8;background:#38bdf814}.tab-badge{background:#38bdf8;color:#000;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.control-panel-body{flex:1;overflow-y:auto;padding:20px}.control-section-stack{display:flex;flex-direction:column;gap:16px}.control-card{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:border-color .15s ease}.control-card:hover{border-color:#ffffff24}.control-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-card-title-group{display:flex;align-items:center;gap:10px}.control-card-title{margin:0;font-size:14px;font-weight:700;color:#fff}.control-card-desc{margin:2px 0 0;font-size:11px;color:var(--text-secondary, #94a3b8)}.control-card-body{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.control-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.control-label{font-size:12px;font-weight:600;color:var(--text-secondary, #cbd5e1)}.control-slider{width:100%;accent-color:#38bdf8;height:6px;border-radius:3px;background:#ffffff26;cursor:pointer}.control-select{width:100%;padding:7px 10px;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;outline:none}.control-select:focus{border-color:#38bdf8}.control-textarea{width:100%;padding:10px;background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:12px;font-family:inherit;resize:vertical;outline:none}.control-textarea:focus{border-color:#38bdf8}.control-meta-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;padding:4px 10px;border-radius:20px;font-size:11px;color:var(--text-secondary, #94a3b8)}.toggle-switch{width:42px;height:24px;background:#ffffff26;border-radius:12px;border:none;cursor:pointer;position:relative;transition:background .2s ease;padding:2px;flex-shrink:0}.toggle-switch.checked{background:#10b981}.toggle-switch-slider{display:block;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.checked .toggle-switch-slider{transform:translate(18px)}.mic-meter-container{margin-bottom:12px}.mic-meter-bar{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-top:6px}.mic-meter-fill{height:100%;width:65%;background:linear-gradient(90deg,#10b981,#facc15,#ef4444);border-radius:4px}.animate-meter{animation:meterPulse 1.2s infinite ease-in-out alternate}@keyframes meterPulse{0%{width:25%}50%{width:75%}to{width:45%}}.webcam-preview-box{width:100%;height:200px;background:#000;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);margin-bottom:14px}.webcam-preview-video{width:100%;height:100%;object-fit:cover}.webcam-mirrored{transform:scaleX(-1)}.filter-blur{filter:blur(10px)}.filter-shield{filter:brightness(.2)}.webcam-shield-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#000000b3;color:#a855f7;font-size:13px;font-weight:600}.webcam-live-indicator{position:absolute;top:10px;left:10px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;gap:5px}.live-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444}.webcam-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-control-group{display:flex;flex-direction:column;gap:6px}.setting-label{font-size:11px;font-weight:600;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.4px}.empty-downloads-placeholder{text-align:center;padding:24px 12px;color:var(--text-secondary, #94a3b8)}.empty-downloads-placeholder p{margin:6px 0 2px;font-size:13px;font-weight:600;color:#cbd5e1}.empty-downloads-placeholder span{font-size:11px}.downloads-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.download-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px}.download-item-info{display:flex;align-items:center;gap:10px;min-width:0}.download-filename{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.download-filesize{font-size:10px;color:var(--text-secondary, #94a3b8)}.download-action-btn{text-decoration:none;font-size:11px;padding:4px 10px;display:flex;align-items:center;gap:5px}.resolution-preset-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;margin-bottom:14px}.res-preset-btn{padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #cbd5e1);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease}.res-preset-btn:hover{background:#ffffff0f;border-color:#fff3;color:#fff}.res-preset-btn.active{background:#38bdf826;border-color:#38bdf8;color:#38bdf8}.display-arrangement-box{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px}.arrangement-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:600}.display-canvas-preview{height:100px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px}.display-monitor-tile{background:#1e293bcc;border:1px solid rgba(56,189,248,.4);border-radius:6px;padding:8px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#38bdf8}.display-monitor-tile small{font-size:9px;color:var(--text-secondary, #94a3b8)}.secondary-display{border-color:#a855f766;color:#a855f7}.layout-picker-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.layout-btn{padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary, #cbd5e1);font-size:11px;cursor:pointer}.layout-btn.active{background:#38bdf8;color:#000;border-color:#38bdf8}.quality-presets-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.quality-preset-btn{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 8px;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .15s ease}.quality-preset-btn:hover{background:#ffffff0d;border-color:#ffffff2e}.quality-preset-btn.active{background:#38bdf81f;border-color:#38bdf8}.quality-preset-btn strong{font-size:11px;color:#fff}.quality-preset-btn small{font-size:9px;color:var(--text-secondary, #94a3b8)}.custom-sliders-box{background:#00000040;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.permission-btn{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer}.permission-btn.active{background:#38bdf824;border-color:#38bdf8}.permission-btn strong{font-size:12px;color:#fff}.permission-btn small{font-size:10px;color:var(--text-secondary, #94a3b8)}.share-link-input-wrapper{display:flex;gap:8px;margin-bottom:12px}.share-link-input{flex:1;padding:8px 12px;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:12px;outline:none}.share-security-notice{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary, #94a3b8);line-height:1.4}.ua-presets-list{display:flex;flex-direction:column;gap:6px}.ua-item-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-secondary, #cbd5e1);font-size:12px;cursor:pointer;transition:all .15s ease;text-align:left}.ua-item-btn:hover{background:#ffffff0d}.ua-item-btn.active{background:#38bdf81f;border-color:#38bdf8;color:#fff}.diagnostics-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diag-item{background:#0000004d;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}.diag-label{font-size:10px;text-transform:uppercase;color:var(--text-secondary, #94a3b8);font-weight:600}.diag-val{font-size:12px;font-weight:600;color:#fff}.workspaces-actions-list{display:flex;flex-direction:column;gap:12px}.workspace-action-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px}.workspace-action-item.danger-item{border-color:#ef444440;background:#ef44440d}.action-text strong{display:block;font-size:13px;color:#fff}.action-text p{margin:2px 0 0;font-size:11px;color:var(--text-secondary, #94a3b8);line-height:1.4}.control-panel-header-btn{transition:transform .15s ease,box-shadow .15s ease}.control-panel-header-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0ea5e973}.room-browser-stage-container{width:100%;height:100%;min-height:480px;background:#020617;border-radius:var(--r-md, 12px);display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(56,189,248,.2);box-shadow:0 10px 40px #000000b3,inset 0 0 80px #0009;outline:none}.room-browser-stage-container.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:999999;border-radius:0;border:none}.room-browser-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:10}.room-browser-nav-left{display:flex;align-items:center;gap:8px}.room-browser-live-badge{display:flex;align-items:center;gap:6px;background:#ef444433;border:1px solid rgba(239,68,68,.4);padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;color:#f87171;letter-spacing:.05em}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.room-browser-nav-buttons{display:flex;align-items:center;gap:4px}.btn-icon-subtle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #cbd5e1);cursor:pointer;transition:all .15s ease}.btn-icon-subtle:hover{background:#ffffff24;color:#fff;transform:translateY(-1px)}.room-browser-url-form{flex:1;max-width:680px}.room-browser-url-input-wrap{display:flex;align-items:center;background:#1e293bd9;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 8px;gap:8px;transition:border-color .2s ease}.room-browser-url-input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.url-globe-icon{color:#64748b;flex-shrink:0}.room-browser-url-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-size:12px;font-family:inherit}.room-browser-url-go-btn{display:flex;align-items:center;gap:4px;background:#38bdf8;color:#0f172a;border:none;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.room-browser-url-go-btn:hover{opacity:.9}.room-browser-nav-right{display:flex;align-items:center;gap:8px}.btn-sm-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.badge-cobrowse-active{background:#10b98133;border-color:#10b98166;color:#34d399}.badge-cobrowse-idle{background:#ffffff14;border-color:#ffffff1f;color:var(--text-secondary, #94a3b8)}.room-browser-canvas-wrapper{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.room-browser-canvas{max-width:100%;max-height:100%;object-fit:contain;cursor:crosshair}.room-browser-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617eb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:5}.room-browser-loading-spinner{width:44px;height:44px;border:3px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.room-browser-loading-overlay h3{font-size:18px;font-weight:700;color:#f8fafc;margin:0 0 6px}.room-browser-loading-overlay p{font-size:13px;color:#94a3b8;max-width:420px;margin:0;line-height:1.5}.room-browser-status-overlay{position:absolute;top:12px;left:14px;pointer-events:none;z-index:4}.room-browser-status-pill{display:flex;align-items:center;gap:6px;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:20px;font-size:11px;color:#cbd5e1}.status-fps{font-variant-numeric:tabular-nums;color:#38bdf8;font-weight:600}.room-browser-footer-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;background:#0f172af2;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#94a3b8}.footer-security-left{display:flex;align-items:center;gap:6px}.footer-security-right{display:flex;align-items:center;gap:6px;color:#facc15;font-weight:600}.cinema-stream-choices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:20px 0}.cinema-stream-choice-card{display:flex;flex-direction:column;padding:20px;border-radius:12px;background:#0f172aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.choice-card-cloud{border-color:#06b6d44d;box-shadow:0 4px 20px #06b6d41a}.choice-card-cloud:hover{border-color:#06b6d499;transform:translateY(-2px);box-shadow:0 8px 30px #06b6d433}.choice-card-local{border-color:#a855f74d;box-shadow:0 4px 20px #a855f71a}.choice-card-local:hover{border-color:#a855f799;transform:translateY(-2px);box-shadow:0 8px 30px #a855f733}.choice-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.choice-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.icon-cyan{background:#06b6d433;color:#22d3ee}.icon-purple{background:#a855f733;color:#c084fc}.choice-badge{font-size:9px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:20px;background:#ffffff14;color:#cbd5e1}.choice-card-cloud .choice-badge{background:#06b6d426;color:#67e8f9;border:1px solid rgba(6,182,212,.3)}.choice-card-local .choice-badge{background:#a855f726;color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.choice-title{font-size:16px;font-weight:700;color:#f8fafc;margin:0 0 6px}.choice-desc{font-size:12px;color:#94a3b8;line-height:1.5;margin:0 0 14px;flex:1}.choice-features{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#cbd5e1;margin-bottom:16px}.choice-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;border-radius:8px}.cinema-stage-secondary-actions{display:flex;align-items:center;gap:10px;margin-top:14px;justify-content:center}.btn-subtle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:12px;cursor:pointer;transition:all .15s ease}.btn-subtle:hover{background:#ffffff1a;color:#f8fafc}.room-tab-player-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;background:#020617;border-radius:var(--r-md, 12px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(168,85,247,.25);box-shadow:0 10px 40px #000000b3}.room-tab-player-container video{width:100%;height:100%;flex:1;min-height:0;object-fit:contain;background:#000}.room-tab-player-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.08)}.tab-player-left{display:flex;align-items:center;gap:10px}.tab-player-live-badge{display:flex;align-items:center;gap:6px;background:#a855f733;border:1px solid rgba(168,85,247,.4);padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;color:#c084fc}.tab-player-title{font-size:13px;font-weight:600;color:#f8fafc}.tab-player-actions{display:flex;align-items:center;gap:8px}.room-tab-video-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.room-tab-video-element{width:100%;height:100%;object-fit:contain}.room-tab-video-element.hidden{display:none}.room-tab-idle-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;max-width:540px}.idle-card-icon{width:64px;height:64px;border-radius:16px;background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#c084fc;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.room-tab-idle-card h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.room-tab-idle-card p{font-size:13px;color:#94a3b8;line-height:1.55;margin:0 0 20px}.tab-start-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;box-shadow:0 4px 18px #a855f759;cursor:pointer;transition:all .2s ease}.tab-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a855f780}.tab-extension-callout{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;margin-top:24px;font-size:11px;color:#94a3b8;text-align:left;line-height:1.45}.room-tab-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0f172af2;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#94a3b8}.live-edge-badge-btn{display:inline-flex;align-items:center;gap:.38rem;padding:.36rem .65rem;border-radius:var(--r-sm);font-family:var(--font);font-size:.75rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.live-edge-badge-btn.is-live{background:#ef444429;border-color:#ef444459;color:#f87171;cursor:default}.live-edge-badge-btn.is-live:hover{transform:none}.live-edge-badge-btn.is-go-live{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;cursor:pointer;box-shadow:0 0 12px #ef444473}.live-edge-badge-btn.is-go-live:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px) scale(1.04);box-shadow:0 0 16px #ef4444a6}.live-edge-badge-btn.is-waiting{background:#f59e0b24;border-color:#f59e0b59;color:#fbbf24;cursor:default}.live-edge-badge-btn.is-waiting:hover{transform:none}.live-edge-badge-btn.is-dvr{background:#f59e0b24;border-color:#f59e0b59;color:#fbbf24}.live-edge-badge-btn:hover{transform:translateY(-1px)}.live-edge-badge-btn.is-dvr:hover{background:#f59e0b40;box-shadow:0 0 10px #f59e0b4d}.cinema-waiting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;background:radial-gradient(circle at center,#1e1432b3,#0a0a0ff2);border-radius:var(--r-lg);border:1px dashed rgba(255,210,31,.35)}.cinema-waiting-badge{display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:.25rem .75rem;border-radius:9999px;margin-bottom:1.25rem}.cinema-waiting-emoji{font-size:3.5rem;display:inline-block;animation:popcorn-bounce 2s infinite ease-in-out}@keyframes popcorn-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(4deg)}}.cinema-waiting-title{font-size:1.35rem;font-weight:800;color:#fff;margin:.75rem 0 .5rem;letter-spacing:-.01em}.cinema-waiting-desc{max-width:480px;font-size:.88rem;color:var(--text-muted);line-height:1.5;margin:0 auto 1.25rem}.cinema-waiting-fun-ticker{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.45rem 1rem;border-radius:9999px;font-size:.8rem;color:#e2e8f0}@media(max-width:768px){.cinema-waiting-state{padding:1.5rem 1rem;min-height:180px}.cinema-waiting-badge{margin-bottom:.6rem;font-size:.7rem;padding:.2rem .6rem}.cinema-waiting-emoji{font-size:2.2rem}.cinema-waiting-title{font-size:1.05rem;margin:.4rem 0 .3rem}.cinema-waiting-desc{font-size:.78rem;margin-bottom:.6rem;line-height:1.4}.cinema-waiting-fun-ticker{padding:.3rem .75rem;font-size:.72rem}}.go-live-stage-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:#ef4444!important;font-weight:700;box-shadow:0 0 14px #ef444466}.go-live-stage-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444)!important;box-shadow:0 0 20px #ef4444a6!important}.live-badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.live-badge-dot.live-dot-pulse{background:#ef4444;box-shadow:0 0 6px #ef4444;animation:live-pulse-glow 1.5s infinite ease-in-out}.live-badge-dot.live-dot-dvr{background:#f59e0b}@keyframes live-pulse-glow{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 4px #ef4444}50%{transform:scale(1.3);opacity:.75;box-shadow:0 0 10px #ef4444}}.live-catchup-tag{font-size:.65rem;background:#f59e0b;color:#000;padding:.1rem .35rem;border-radius:4px;font-weight:800;margin-left:.25rem;letter-spacing:.3px}.volume-cluster{display:inline-flex;align-items:center;position:relative;gap:.25rem}.volume-slider-box{width:0;overflow:hidden;opacity:0;transition:width .2s cubic-bezier(.16,1,.3,1),opacity .18s ease;display:flex;align-items:center}.volume-cluster:hover .volume-slider-box,.volume-slider-box.slider-open{width:72px;opacity:1;margin-right:.2rem}.volume-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff40;border-radius:4px;outline:none;cursor:pointer}.volume-range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 6px var(--accent-glow)}.pip-btn:hover,.theater-btn:hover{color:var(--accent)}.theater-btn.active{color:var(--accent);background:#ffd21f26;border-color:#ffd21f4d}.settings-panel-title{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.55rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.08)}.local-latency-section{margin-bottom:.5rem}.local-latency-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.42rem .6rem;border-radius:var(--r-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-main);font-size:.78rem;cursor:pointer;font-weight:600}.local-latency-toggle:hover{background:#ffffff14}.setting-label{display:flex;align-items:center;gap:.38rem}.setting-val-tag{font-size:.72rem;color:var(--accent);font-weight:700;margin-left:auto;margin-right:.35rem}.local-latency-options{display:flex;flex-direction:column;gap:3px;margin-top:.35rem;padding:.35rem;background:#0a0a0fd9;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm)}.latency-option-item{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:.35rem .5rem;border-radius:5px;border:none;background:transparent;cursor:pointer;transition:background .15s ease}.latency-option-item:hover{background:#ffffff12}.latency-option-item.is-selected{background:#ffd21f1f}.latency-opt-meta{display:flex;flex-direction:column;gap:1px}.latency-opt-meta strong{font-size:.75rem;color:var(--text-main)}.latency-opt-meta small{font-size:.67rem;color:var(--text-muted)}.setting-row-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.42rem .6rem;font-size:.78rem;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.08)}.setting-toggle-status{font-size:.72rem;font-weight:700}.quality-opt-btn{display:flex;align-items:center;justify-content:space-between;padding:.35rem .6rem;border-radius:6px;border:none;background:transparent;color:var(--text-main);font-size:.78rem;cursor:pointer;font-weight:500;width:100%}.quality-opt-btn:hover{background:#ffffff0f}.quality-opt-btn.is-selected{background:#ffd21f26;color:var(--accent);font-weight:700}.playback-speed-block{margin-top:.55rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.45rem}.speed-block-header{font-size:.7rem;font-weight:600;color:var(--text-muted);margin-bottom:.35rem;display:flex;align-items:center;gap:.3rem}.player-reconnecting-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:.45rem;max-width:calc(100% - 20px);width:max-content;white-space:nowrap;background:#f59e0bf0;color:#1c1917;padding:.28rem .65rem;border-radius:var(--r-full);box-shadow:0 4px 16px #0006;font-size:.72rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-reconnecting-banner .spin-icon{animation:spin 1s linear infinite;flex-shrink:0}.banner-retry-btn{background:#1c1917;color:#fbbf24;border:none;padding:.18rem .5rem;border-radius:var(--r-full);cursor:pointer;font-size:.68rem;font-weight:700;white-space:nowrap;flex-shrink:0}.stream-info-card{margin-top:.85rem;background:#12141dd1;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 8px 32px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stream-info-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.stream-title-group{display:flex;flex-direction:column;gap:.4rem;flex:1}.stream-live-tag-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.live-status-pill{display:inline-flex;align-items:center;gap:.35rem;background:#ef44442e;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:.7rem;font-weight:800;padding:.18rem .5rem;border-radius:4px;letter-spacing:.4px}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444;animation:live-pulse-glow 1.5s infinite ease-in-out}.stream-category-wrapper{position:relative}.stream-category-pill{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:.2rem .55rem;border-radius:4px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .18s ease}.stream-category-pill:hover{background:#ffffff14}.stream-category-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:175px;padding:.4rem;background:#11141e;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);box-shadow:0 10px 25px #0009;display:flex;flex-direction:column;gap:2px}.cat-dropdown-title{font-size:.65rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;padding:.25rem .45rem;letter-spacing:.5px}.cat-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:5px;border:none;background:transparent;color:var(--text-main);font-size:.75rem;cursor:pointer;text-align:left;font-weight:500;width:100%}.cat-dropdown-item:hover{background:#ffffff14}.cat-dropdown-item.active{background:#ffd21f1f;color:var(--accent);font-weight:700}.stream-metric-pill{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.2rem .55rem;border-radius:4px;font-size:.72rem;color:var(--text-muted)}.stream-metric-pill .metric-val{color:var(--text-main);font-family:var(--mono);font-weight:700}.stream-main-title{margin:0;font-size:1.15rem;font-weight:700;color:#fff;line-height:1.35;letter-spacing:-.2px}.stream-channel-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.channel-profile-cluster{display:flex;align-items:center;gap:.75rem}.channel-avatar-ring{position:relative;display:inline-flex}.channel-online-badge{position:absolute;bottom:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#10b981;border:2px solid #12141d;box-shadow:0 0 6px #10b981}.channel-meta-text{display:flex;flex-direction:column;gap:2px}.channel-name-line{display:flex;align-items:center;gap:.35rem}.channel-username{font-size:.92rem;font-weight:700;color:#fff}.channel-verified-badge{display:inline-flex;align-items:center}.channel-sub-info{font-size:.73rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.meta-dot{font-size:.65rem;opacity:.5}.stream-actions-group{display:flex;align-items:center;gap:.45rem}.stream-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .75rem;font-size:.78rem;font-weight:600;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:var(--text-main);cursor:pointer;transition:all .18s ease}.stream-action-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff2e}.stream-action-btn.like-btn.has-liked{background:#ffd21f26;border-color:#ffd21f59;color:var(--accent)}.stream-action-btn.report-btn:hover{color:#f87171;border-color:#f871714d}.stream-desc-panel{background:#00000040;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .2s ease}.stream-desc-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;cursor:pointer}.stream-desc-header:hover{background:#ffffff05}.stream-desc-preview{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.desc-views-date{font-size:.75rem;font-weight:600;color:var(--text-muted)}.stream-tags-list{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.stream-tag{font-size:.72rem;color:#60a5fa;font-weight:600;padding:1px 6px;border-radius:6px;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);transition:all .15s ease}.stream-tag:hover{background:#60a5fa29;border-color:#60a5fa73}.stream-tag-edit-pill-btn{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;font-size:.68rem;font-weight:600;border-radius:6px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.2);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.stream-tag-edit-pill-btn:hover{background:#38bdf81f;border-color:#38bdf8;color:#38bdf8}.stream-tags-inline-editor{display:inline-flex;align-items:center;gap:5px}.stream-tags-inline-input{font-size:.75rem;padding:3px 8px;border-radius:6px;background:#00000080;border:1px solid var(--accent);color:#f8fafc;outline:none;min-width:220px}.stream-desc-header-right{display:flex;align-items:center;gap:.5rem}.stream-desc-edit-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600;border-radius:var(--r-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-main);cursor:pointer;transition:all .18s ease}.stream-desc-edit-btn:hover{background:#ffffff26;border-color:var(--accent);color:#fff}.stream-desc-toggle-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem}.stream-desc-body{padding:.75rem .85rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.65rem}.stream-desc-edit-box{display:flex;flex-direction:column;gap:.5rem;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:.75rem;animation:fadeIn .2s ease-out}.stream-desc-edit-header{display:flex;align-items:center;justify-content:space-between}.stream-desc-edit-title{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.4px}.stream-desc-textarea{width:100%;box-sizing:border-box;background:#0f111af2;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-sm);color:#fff;padding:.6rem .75rem;font-size:.82rem;line-height:1.5;font-family:inherit;resize:vertical;min-height:80px;outline:none;transition:border-color .2s ease}.stream-desc-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ffd21f26}.stream-desc-edit-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.desc-char-count{font-size:.7rem;color:var(--text-muted)}.stream-desc-edit-actions{display:flex;align-items:center;gap:.4rem}.stream-desc-text-wrapper{display:flex;flex-direction:column;gap:.5rem}.stream-desc-inline-edit-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);cursor:pointer;transition:all .18s ease}.stream-desc-inline-edit-btn:hover{background:#ffffff1f;color:#fff;border-color:var(--accent)}.stream-desc-text{font-size:.82rem;line-height:1.5;color:#cbd5e1;margin:0}.stream-extra-meta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px dashed rgba(255,255,255,.08);font-size:.72rem}.meta-field{display:flex;align-items:center;gap:.3rem}.meta-k{color:var(--text-muted)}.meta-v{color:var(--text-main);font-weight:600}.stream-ended-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;background:#05070df0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease}.stream-ended-card{max-width:440px;width:100%;text-align:center;padding:1.75rem 1.5rem;background:#121622e6;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;align-items:center;gap:.75rem}.stream-ended-badge{display:inline-flex;align-items:center;gap:.35rem;background:#94a3b826;border:1px solid rgba(148,163,184,.25);color:#cbd5e1;font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:var(--r-full);letter-spacing:.5px}.ended-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8}.stream-ended-title{margin:0;font-size:1.25rem;font-weight:800;color:#fff}.stream-ended-subtitle{margin:0;font-size:.8rem;color:var(--text-muted)}.stream-ended-host-box{display:flex;align-items:center;gap:.65rem;background:#ffffff0a;padding:.5rem .85rem;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.07)}.ended-host-meta{text-align:left}.ended-host-name{display:flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;color:#fff}.ended-host-sub{font-size:.7rem;color:var(--text-muted)}.stream-ended-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.ended-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm);padding:.65rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.ended-stat-val{font-size:.85rem;font-weight:700;color:#fff;font-family:var(--mono)}.ended-stat-lbl{font-size:.65rem;color:var(--text-muted)}.stream-ended-actions{display:flex;align-items:center;gap:.65rem;width:100%;margin-top:.45rem}.ended-action-btn{flex:1;justify-content:center}.share-stream-modal,.report-stream-modal{max-width:490px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-xl);margin:auto}.share-modal-body,.report-modal-body{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.15rem}.share-stream-preview-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);padding:.75rem .9rem;display:flex;flex-direction:column;gap:.3rem}.share-preview-live-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;color:#f87171;font-weight:800;letter-spacing:.4px}.share-preview-title{margin:0;font-size:.92rem;font-weight:700;color:#fff}.share-preview-meta{font-size:.75rem;color:var(--text-muted)}.share-input-group{display:flex;flex-direction:column;gap:.35rem}.share-label,.report-section-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.share-input-row{display:flex;align-items:center;gap:.45rem}.share-url-input{flex:1;padding:.5rem .75rem;border-radius:var(--r-sm);background:#0006;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.8rem;font-family:var(--mono)}.share-code-box{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:#ffd21f0f;border:1px solid rgba(255,210,31,.2);border-radius:var(--r-sm)}.share-code-meta{display:flex;flex-direction:column;gap:2px}.share-code-meta span{font-size:.72rem;color:var(--text-muted)}.share-code-value{font-family:var(--mono);font-size:1.05rem;font-weight:800;color:var(--accent);letter-spacing:1px}.share-social-section{display:flex;flex-direction:column;gap:.45rem}.share-social-label{font-size:.72rem;font-weight:700;color:var(--text-muted)}.share-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.share-social-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);text-decoration:none;font-size:.7rem;font-weight:600;color:#cbd5e1;transition:all .18s ease}.share-social-item:hover{background:#ffffff17;transform:translateY(-2px);color:#fff;border-color:var(--brand-color)}.share-qr-section{margin-top:.2rem}.share-qr-display-box{margin-top:.65rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#00000080;border-radius:var(--r-md)}.share-qr-img{width:150px;height:150px;border-radius:8px;background:#fff;padding:6px}.share-qr-hint{font-size:.73rem;color:var(--text-muted);margin:0;text-align:center}.report-stream-target{background:#ffffff08;padding:.6rem .8rem;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:.5rem;font-size:.8rem}.target-label{color:var(--text-muted)}.target-title{color:#fff}.target-room{margin-left:auto;font-size:.72rem;color:var(--accent)}.report-reasons-list{display:flex;flex-direction:column;gap:.35rem}.report-reason-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;border-radius:var(--r-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#cbd5e1;cursor:pointer;transition:all .15s ease}.report-reason-item:hover{background:#ffffff12}.report-reason-item.is-selected{background:#f871711f;border-color:#f8717159;color:#fff}.report-textarea{width:100%;padding:.5rem .75rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);color:#e2e8f0;font-size:.8rem;resize:vertical}.report-char-count{font-size:.68rem;color:var(--text-muted);text-align:right;display:block}.report-footer{justify-content:flex-end;gap:.5rem}.report-success-state{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.5rem 1rem;text-align:center}.report-success-state h4{margin:0;font-size:1.15rem;color:#fff}.report-success-state p{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.5}.yt-search-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem}.search-modal-source-tabs{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;padding:3px;border-radius:var(--r-full, 9999px);border:1px solid rgba(255,255,255,.08)}.search-source-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .95rem;font-size:.82rem;font-weight:600;color:var(--text-muted, #94a3b8);background:transparent;border:none;border-radius:var(--r-full, 9999px);cursor:pointer;transition:all .2s ease}.search-source-tab-btn:hover{color:#fff;background:#ffffff0f}.search-source-tab-btn.active{color:#111;background:var(--accent, #ffd21f);box-shadow:0 2px 8px #ffd21f59}.movie-search-tab-container{display:flex;flex-direction:column;gap:1rem;width:100%}.movie-search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;max-height:520px;overflow-y:auto;padding-right:.25rem}.movie-card{display:flex;flex-direction:column;border-radius:var(--r-md, 12px);overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.movie-card:hover{transform:translateY(-3px);border-color:#ffd21f66;box-shadow:0 8px 24px #0006}.movie-card-poster-wrap{position:relative;width:100%;aspect-ratio:2 / 3;background:#0f141c;overflow:hidden}.movie-card-poster{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.movie-card:hover .movie-card-poster{transform:scale(1.04)}.movie-card-poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff3}.movie-card-badge{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:var(--r-full, 9999px);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-movie{background:#06b6d433;color:#22d3ee;border:1px solid rgba(6,182,212,.35)}.badge-series{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.movie-card-info{display:flex;flex-direction:column;padding:.75rem;gap:.4rem;flex:1}.movie-card-title{margin:0;font-size:.88rem;font-weight:600;color:#f1f5f9;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-card-meta{display:flex;align-items:center;gap:.6rem;font-size:.72rem;color:var(--text-muted, #94a3b8)}.movie-meta-item{display:inline-flex;align-items:center;gap:.2rem}.movie-card-genre{margin:0;font-size:.72rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card-actions{display:flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.4rem}.movie-play-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.78rem}.series-episodes-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.series-episodes-card{width:100%;max-width:540px;max-height:80vh;background:var(--bg-card, #131722);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg, 16px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0009}.series-episodes-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.series-episodes-title{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.series-episodes-subtitle{font-size:.78rem;color:var(--text-muted, #94a3b8)}.series-season-tabs{display:flex;gap:.5rem;padding:.75rem 1.25rem;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.06)}.season-tab-btn{padding:.35rem .85rem;border-radius:var(--r-full, 9999px);font-size:.8rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted, #94a3b8);cursor:pointer;white-space:nowrap;transition:all .2s ease}.season-tab-btn:hover{color:#fff;border-color:#fff3}.season-tab-btn.active{background:var(--accent, #ffd21f);color:#111;border-color:var(--accent, #ffd21f)}.series-episodes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;padding:1.25rem;overflow-y:auto;max-height:380px}.series-episode-item{display:flex;flex-direction:column;gap:.4rem;padding:.65rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-md, 8px);transition:border-color .2s ease}.series-episode-item:hover{border-color:#ffd21f4d}.episode-item-label{font-size:.82rem;font-weight:700;color:#f1f5f9}.episode-item-btns{display:flex;align-items:center;gap:.35rem}.series-episodes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-muted, #94a3b8)}:root{--tv-focus-glow: 0 0 0 3px #ffd21f, 0 0 25px rgba(255, 210, 31, .6)}@media(min-width:1441px){:focus-visible{outline:3px solid var(--accent, #ffd21f)!important;outline-offset:4px!important;box-shadow:var(--tv-focus-glow)!important;transform:scale(1.02);transition:transform .15s ease,box-shadow .15s ease}}@media(min-width:1920px){.room-container{max-width:2200px!important;grid-template-columns:1fr 420px!important;gap:1.75rem!important;padding:0 2rem!important}.home-page-wrapper .home-container{max-width:1400px!important}.hero-title{font-size:3.5rem!important}.hero-desc{font-size:1.25rem!important;max-width:720px!important}.home-card{padding:2.25rem!important}.control-btn-play,.control-btn-jump,.control-btn-next{font-size:1rem!important;padding:.6rem 1.2rem!important}.btn-icon{width:44px!important;height:44px!important}}@media(min-width:1025px)and (max-width:1919px){.room-container{max-width:1540px;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;margin:1rem auto;padding:0 1.25rem}.stage-area,.sidebar{min-width:0}}@media(min-width:641px)and (max-width:1024px){.room-container{grid-template-columns:1fr!important;max-width:100%!important;padding:0 1.25rem!important;gap:1.25rem!important}.stage-area{width:100%!important;order:1!important}.sidebar{width:100%!important;order:2!important;max-height:520px}.home-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.movie-search-results-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}}@media(max-width:640px){html,body{overflow-x:hidden!important;max-width:100vw!important}.app-root-shell{overflow-x:hidden!important;width:100vw!important;max-width:100vw!important}.home-page-wrapper{overflow-x:hidden!important;width:100%!important}.home-top-navbar{padding:.65rem .85rem!important;flex-wrap:wrap!important;gap:.5rem!important}.home-nav-center{order:3!important;width:100%!important;justify-content:center!important;margin-top:.25rem!important}.home-nav-pills{width:100%!important;justify-content:center!important}.home-nav-pill{padding:.4rem .8rem!important;font-size:.78rem!important}.home-container{padding:0 .85rem!important;margin:.5rem auto 2rem!important;width:100%!important;box-sizing:border-box!important}.hero{padding:1.25rem .5rem 1rem!important}.hero-title{font-size:1.75rem!important;line-height:1.2!important}.hero-desc{font-size:.88rem!important;line-height:1.5!important;padding:0 .25rem!important}.home-grid{grid-template-columns:1fr!important;gap:1rem!important;width:100%!important}.home-card{padding:1.25rem!important;border-radius:16px!important}.room-container{display:flex!important;flex-direction:column!important;padding:0 .5rem!important;margin:.4rem auto!important;width:100%!important;gap:.85rem!important;box-sizing:border-box!important}.stage-area{width:100%!important;min-width:0!important}.stage-card{border-radius:14px!important;overflow:hidden!important}.video-wrapper{aspect-ratio:16 / 9!important;width:100%!important}.sidebar{width:100%!important;min-width:0!important;border-radius:14px!important}.app-header{padding:.5rem .75rem!important;gap:.4rem!important}.header-room-chip{padding:.3rem .6rem!important;font-size:.75rem!important}.header-invite-btn span,.header-btn span{display:none!important}.header-invite-btn,.header-btn{padding:.45rem!important;min-width:36px!important;height:36px!important}.buttons-row{flex-wrap:wrap!important;gap:.4rem!important}.controls-right-group{margin-left:auto!important}.movie-search-results-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.movie-card-poster-wrap{height:200px!important}.modal-card{width:95%!important;max-width:95%!important;margin:1rem auto!important;max-height:90vh!important;padding:1rem!important}}.movie-category-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.movie-cat-pill{font-size:.8rem;padding:.4rem .85rem;border-color:#ffffff24}.movie-cat-pill.active{background:var(--accent, #ffd21f);border-color:var(--accent, #ffd21f);color:#111;font-weight:700;box-shadow:0 2px 10px #ffd21f59}.movie-cat-pill.active:hover{background:var(--accent, #ffd21f);color:#111;transform:translateY(-1px)}.browser-hub-modal-card{overflow:hidden}.browser-hub-modal-card>.modal-header{flex-direction:row;align-items:center;justify-content:space-between}.browser-hub-modal-card>.browser-hub-modal-body{flex:1;min-height:0;overflow-y:auto}.browser-hub-modal-body>div,.movie-search-tab-container,.yt-search-input-wrap{min-width:0}.browser-hub-modal-body .movie-search-results-grid{max-height:none;overflow:visible}@media(max-width:640px){.browser-hub-modal-card>.browser-hub-modal-body{padding:1rem;gap:1rem}.browser-hub-modal-body .browser-hub-url-bar,.browser-hub-modal-body .yt-search-form{flex-wrap:wrap}.browser-hub-modal-body .browser-hub-input-wrap,.browser-hub-modal-body .yt-search-input-wrap{flex:1 1 100%}.browser-hub-modal-body .browser-hub-go-btn,.browser-hub-modal-body .yt-search-submit-btn{width:100%;justify-content:center}.browser-hub-modal-body .movie-search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.quality-picker-card{max-width:460px}.quality-options-list{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.25rem;overflow-y:auto;max-height:46vh}.quality-option-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.7rem .95rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:var(--r-md, 10px);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.quality-option-btn:hover{border-color:#ffd21f73;background:#ffd21f14;transform:translateY(-1px)}.quality-option-main{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;min-width:0}.quality-option-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;color:#f1f5f9}.quality-option-chips{display:flex;flex-wrap:wrap;gap:.3rem}.quality-chip{font-size:.64rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:.12rem .45rem;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted, #94a3b8);white-space:nowrap}.quality-chip-adaptive{background:#38bdf81f;border-color:#38bdf866;color:#7dd3fc}.quality-option-action{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--accent, #ffd21f)}.quality-picker-hint{display:flex;align-items:center;gap:.45rem;margin:0;padding:.7rem 1.25rem 1rem;font-size:.72rem;color:var(--text-muted, #94a3b8);border-top:1px solid rgba(255,255,255,.06)}.sidebar-tab-btn{position:relative;transition:all .24s cubic-bezier(.16,1,.3,1)!important;overflow:hidden}.sidebar-tab-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 14px #00000059}.sidebar-tab-btn.active{animation:tabPillGlow .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes tabPillGlow{0%{transform:scale(.94);box-shadow:0 0 #ffd21f00}50%{transform:scale(1.04);box-shadow:0 0 16px #ffd21f59}to{transform:scale(1);box-shadow:0 0 8px #ffd21f33}}.sidebar-tab-content{animation:tabFadeSlideIn .28s cubic-bezier(.16,1,.3,1)}@keyframes tabFadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-send-pop{animation:chatMsgSendPop .32s cubic-bezier(.16,1,.3,1) forwards!important;transform-origin:bottom right}@keyframes chatMsgSendPop{0%{opacity:0;transform:translateY(10px) scale(.92);filter:drop-shadow(0 0 12px rgba(59,130,246,.6))}60%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}.chat-msg-incoming{animation:chatMsgIncoming .3s cubic-bezier(.16,1,.3,1) forwards!important;transform-origin:bottom left}@keyframes chatMsgIncoming{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.host-approval-banner{animation:requestBannerPulse .42s cubic-bezier(.16,1,.3,1) forwards!important;position:relative;overflow:hidden;box-shadow:0 0 20px #ffd21f4d,0 8px 30px #0009}.host-approval-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,210,31,.18),transparent);animation:requestShimmer 2.2s infinite;pointer-events:none}@keyframes requestBannerPulse{0%{opacity:0;transform:translateY(-14px) scale(.92)}60%{opacity:1;transform:translateY(2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes requestShimmer{0%{left:-100%}to{left:200%}}.badge-counter{animation:badgePop .35s cubic-bezier(.16,1,.3,1) infinite alternate}@keyframes badgePop{0%{transform:scale(1);box-shadow:0 0 #ef444466}to{transform:scale(1.12);box-shadow:0 0 10px #ef4444cc}}.toast-error{animation:errorShake .42s cubic-bezier(.36,.07,.19,.97) both!important;box-shadow:0 0 24px #ef444473,0 8px 24px #000000b3}@keyframes errorShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-5px,0,0)}40%,60%{transform:translate3d(5px,0,0)}}.btn:hover,.video-empty-action-btn:hover,.chat-send-v2.active:hover{box-shadow:0 0 18px #ef444459,0 0 32px #a855f74d;transform:translateY(-2px) scale(1.025);animation:horrorButtonTremor 1.8s infinite alternate ease-in-out}@keyframes horrorButtonTremor{0%{box-shadow:0 0 14px #ef444466,0 0 28px #a855f740}50%{box-shadow:0 0 22px #f43f5e99,0 0 38px #9333ea73}to{box-shadow:0 0 14px #ef444466,0 0 28px #a855f740}}.reaction-toggle-btn:hover,.reaction-bar-btn:hover,.chat-inline-emoji-btn:hover,.chat-quick-rx-btn:hover,.reaction-btn:hover{animation:horrorReactPulse 1.2s infinite alternate ease-in-out!important;transform:scale(1.15) rotate(-3deg)}.reaction-toggle-btn:active,.reaction-btn:active{transform:scale(.92) rotate(3deg)}@keyframes horrorReactPulse{0%{box-shadow:0 0 10px #ec489980,0 0 20px #8b5cf666;filter:drop-shadow(0 0 6px rgba(239,68,68,.6))}50%{box-shadow:0 0 22px #f43f5ecc,0 0 36px #a855f799;filter:drop-shadow(0 0 12px rgba(249,115,22,.7))}to{box-shadow:0 0 12px #ec489980,0 0 22px #8b5cf666;filter:drop-shadow(0 0 6px rgba(239,68,68,.6))}}.chat-poll-option{position:relative;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease!important;overflow:hidden}.chat-poll-option:active{transform:scale(.97);animation:pollVoteBounce .25s cubic-bezier(.16,1,.3,1)}@keyframes pollVoteBounce{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1.01)}}.chat-poll-option-fill{transition:width .45s cubic-bezier(.16,1,.3,1)!important}.chat-poll-option.is-leading{border-color:#22c55e8c!important;box-shadow:0 0 14px #22c55e40!important;animation:pollLeadingPulse 2s infinite alternate ease-in-out}@keyframes pollLeadingPulse{0%{box-shadow:0 0 10px #22c55e33}to{box-shadow:0 0 20px #22c55e73,0 0 35px #eab30840}}.chat-poll-option-fill.leading-fill{background:linear-gradient(90deg,#22c55e59,#eab30866,#22c55e73)!important;background-size:200% 100%!important;animation:pollWinningShimmer 2.5s infinite linear}@keyframes pollWinningShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.poll-option-title-wrap{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.poll-leading-badge{display:inline-flex;align-items:center;padding:.12rem .45rem;font-size:.68rem;font-weight:700;border-radius:9999px;background:linear-gradient(135deg,#eab3084d,#22c55e59);border:1px solid rgba(234,179,8,.55);color:#fef08a;animation:badgeCelebration 1.4s infinite alternate ease-in-out}@keyframes badgeCelebration{0%{transform:scale(.96);box-shadow:0 0 #eab30800}to{transform:scale(1.06);box-shadow:0 0 12px #eab30880}}.poll-selected-badge{display:inline-flex;align-items:center;padding:.12rem .4rem;font-size:.66rem;font-weight:600;border-radius:9999px;background:#38bdf833;border:1px solid rgba(56,189,248,.45);color:#7dd3fc}.floating-emoji{filter:drop-shadow(0 0 8px rgba(255,210,31,.45));animation:floatReactionBurst var(--reaction-duration, 2.6s) cubic-bezier(.12,.8,.32,1) forwards}@keyframes floatReactionBurst{0%{opacity:0;transform:translateY(0) translate(0) scale(.6) rotate(0)}15%{opacity:1;transform:translateY(-40px) translate(calc(var(--reaction-drift-x, 0px) * .2)) scale(var(--reaction-scale, 1.2)) rotate(var(--reaction-rotation, 15deg))}80%{opacity:.9}to{opacity:0;transform:translateY(calc(-1 * var(--reaction-rise, 260px))) translate(var(--reaction-drift-x, 0px)) scale(calc(var(--reaction-scale, 1) * 1.35)) rotate(calc(var(--reaction-rotation, 0deg) * 1.5))}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 8px #10b981}50%{transform:scale(1.2);opacity:.8;box-shadow:0 0 16px #10b981}}.call-launcher-pill{position:fixed;bottom:24px;left:24px;right:auto;transition:all .3s cubic-bezier(.16,1,.3,1)}.call-launcher-pill:hover{transform:translateY(-2px);box-shadow:0 12px 36px #0009!important;border-color:#6366f1b3!important;transition:all .2s ease}.call-participant-tile:hover{transform:scale(1.02)}.call-participant-tile.speaking{animation:speakingPulse 1.2s infinite ease-in-out}@keyframes speakingPulse{0%,to{border-color:#10b981;box-shadow:0 0 14px #10b98180}50%{border-color:#34d399;box-shadow:0 0 22px #34d399cc}}.sidebar-call-bar-inactive{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:6px 10px 8px;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.sidebar-call-bar-inactive:hover{background:#0f172ad9;border-color:#6366f159}.sidebar-call-bar-left{display:flex;align-items:center;gap:8px}.call-live-indicator-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.call-live-indicator-dot.active{background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseGlow 1.8s infinite}.call-live-indicator-dot.inactive{background:#64748b}.sidebar-call-title{font-size:.78rem;font-weight:600;color:#94a3b8;letter-spacing:.2px}.sidebar-call-bar-actions{display:flex;align-items:center;gap:6px}.sidebar-call-join-btn{display:inline-flex;align-items:center;gap:5px;background:#6366f12e;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;border-radius:9999px;padding:4px 10px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.sidebar-call-join-btn:hover:not(:disabled){background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 0 12px #6366f173}.sidebar-call-join-btn.primary{background:#6366f1;color:#fff;border-color:#6366f1}.sidebar-call-join-video-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:9999px;padding:4px 6px;cursor:pointer;transition:all .15s ease}.sidebar-call-join-video-btn:hover:not(:disabled){color:#fff;border-color:#ffffff40;background:#ffffff1f}.sidebar-call-stage-card{margin:6px 10px 10px;background:#0d111ce0;border:1px solid rgba(99,102,241,.3);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 6px 20px #0006;transition:all .2s ease}.sidebar-call-stage-card.active-call{border-color:#10b98173;box-shadow:0 8px 24px #00000073,0 0 16px #10b9811f}.sidebar-call-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f172ab3;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-call-header-left{display:flex;align-items:center;gap:7px}.sidebar-call-header-title{font-size:.8rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:5px}.call-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;border-radius:9999px;background:#10b98133;color:#34d399;font-size:.68rem;font-weight:700;padding:0 4px}.active-speaker-wave-badge{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:600;color:#34d399;background:#10b98124;padding:1px 6px;border-radius:9999px;animation:fadeIn .2s ease}.speaking-wave-icon{animation:pulseGlow 1.2s infinite}.sidebar-call-header-right{display:flex;align-items:center;gap:6px}.sidebar-call-controls-mini{display:flex;align-items:center;gap:4px}.sidebar-call-ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;transition:all .15s ease}.sidebar-call-ctrl-btn.unmuted{background:#ffffff1a;color:#e2e8f0}.sidebar-call-ctrl-btn.muted{background:#ef4444;color:#fff}.sidebar-call-ctrl-btn.cam-on{background:#10b981;color:#fff}.sidebar-call-ctrl-btn.cam-off{background:#ffffff1a;color:#cbd5e1}.sidebar-call-ctrl-btn.screen-on{background:#8b5cf6;color:#fff}.sidebar-call-ctrl-btn.screen-off{background:#ffffff1a;color:#cbd5e1}.sidebar-call-ctrl-btn.leave{background:#ef444433;color:#f87171}.sidebar-call-ctrl-btn.leave:hover{background:#ef4444;color:#fff}.sidebar-call-toggle-collapse{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px}.sidebar-call-tiles-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:10px;max-height:240px;overflow-y:auto}.sidebar-meet-tile{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:8px;background:#070a13;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-meet-tile.is-speaking{border-color:#10b981;box-shadow:0 0 12px #10b98173}.sidebar-meet-video{width:100%;height:100%;object-fit:cover}.sidebar-meet-avatar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sidebar-meet-avatar-ring{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.sidebar-meet-avatar-ring.pulse-speaking{border-color:#10b981;box-shadow:0 0 12px #10b981;animation:pulseGlow 1.2s infinite}.sidebar-meet-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-meet-avatar-initial{font-size:15px;font-weight:700;color:#fff}.speaking-audio-bars{display:flex;align-items:flex-end;gap:2px;height:10px}.speaking-audio-bars .bar{width:2px;background:#10b981;border-radius:1px;animation:audioBarDance .8s infinite ease-in-out alternate}.speaking-audio-bars .bar-1{height:4px;animation-delay:.1s}.speaking-audio-bars .bar-2{height:9px;animation-delay:.3s}.speaking-audio-bars .bar-3{height:6px;animation-delay:.2s}@keyframes audioBarDance{0%{height:2px}to{height:10px}}.host-remote-mute-badge{position:absolute;top:5px;left:5px;z-index:10;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:5px;background:#ef4444e6;color:#fff;border:none;font-size:9px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0006;transition:transform .15s ease,background .15s ease}.host-remote-mute-badge:hover{transform:scale(1.05);background:#dc2626}.sidebar-meet-footer{position:absolute;bottom:4px;left:4px;right:4px;display:flex;align-items:center;justify-content:space-between;padding:2px 6px;background:#0f172ad9;border-radius:9999px;font-size:10px;color:#f8fafc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-meet-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sidebar-meet-mic-pill.muted{color:#f87171}.sidebar-meet-mic-pill.active{color:#34d399}.call-floating-dock{position:fixed;bottom:24px;left:24px;right:auto;z-index:90;display:flex;flex-direction:column;align-items:flex-start;gap:12px;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.call-floating-dock.minimized{gap:0}.call-floating-dock .call-video-grid-container{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;max-width:650px;max-height:380px;overflow-y:auto;padding:4px}.call-control-bar{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0f172af0;border:1px solid rgba(255,255,255,.14);border-radius:9999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 36px #0000008c}.call-control-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.call-control-btn:hover{transform:translateY(-1px)}.call-control-btn.active-green{background:#10b981}.call-control-btn.active-purple{background:#8b5cf6}.call-control-btn.muted-red{background:#ef4444}.call-control-btn.inactive{background:#ffffff1f}.call-control-btn.leave{background:#ef4444}.call-control-btn.leave:hover{background:#dc2626}.sidebar-call-empty-prompt{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;font-size:.78rem;color:var(--text-muted, #94a3b8);background:#ffffff05;border-radius:8px;margin:.4rem .5rem;border:1px dashed rgba(255,255,255,.08)}.call-live-indicator-dot.idle{background:#64748b;box-shadow:none}@media(max-width:768px){.call-floating-dock{left:auto!important;right:12px!important;bottom:84px!important;align-items:flex-end!important;max-width:calc(100vw - 24px)!important}.call-launcher-pill{left:auto!important;right:12px!important;bottom:84px!important;padding:6px 12px!important;font-size:11px!important}.call-floating-dock .call-video-grid-container{justify-content:flex-end!important;max-width:calc(100vw - 24px)!important;max-height:180px}.call-control-bar{padding:6px 10px!important;gap:6px!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important;overflow-x:auto!important}.call-control-bar .call-badges-group span:not(:first-child){display:none!important}.call-control-btn{width:32px!important;height:32px!important;flex-shrink:0!important}.sidebar-call-join-btn,.sidebar-call-join-video-btn{padding:4px 8px!important;font-size:11px!important}}.hero-pill-live-viewers{background:#22c55e1f!important;border:1px solid rgba(34,197,94,.3)!important;color:#86efac!important;display:inline-flex;align-items:center;gap:6px;position:relative}.hero-pill-live-viewers strong{color:#4ade80;font-weight:700}.live-pulse-dot{width:7px;height:7px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 #22c55eb3;animation:pulseGreen 2s infinite ease-in-out;display:inline-block;margin-left:2px}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.15);box-shadow:0 0 0 7px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.github-repo-link-btn:hover,.home-nav-github-btn:hover{background:#ffffff24!important;border-color:#ffffff4d!important;color:#fff!important;transform:translateY(-1px)}