:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6fb;font-synthesis:none;--bg:#080a0f;--surface:#10131a;--surface-2:#171b24;--surface-3:#202632;--line:#292f3b;--muted:#929aab;--text:#f4f6fb;--accent:#8b5cf6;--accent-2:#6d45dc;--green:#40d79b;--red:#ff6b75;--shadow:0 28px 70px #00000080;background:#080a0f;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.unlock-overlay:disabled{cursor:wait;color:inherit}.unlock-overlay:disabled>span{opacity:.55;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.93)}}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 75% -20%,#7546e621,transparent 38%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:2px solid #a98aff}button:disabled{cursor:not-allowed;opacity:.48}img{max-width:100%;display:block}code{border:1px solid var(--line);color:#d6c9ff;background:#11151e;border-radius:.3rem;padding:.12rem .32rem}.app-shell{min-height:100vh}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.7rem;font-size:1.02rem;font-weight:800;display:flex}.brand-mark{background:linear-gradient(145deg,#9f78ff,#6a3bd5);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #7b4ae452}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.76rem 1.15rem;font-weight:750;transition:transform .16s,background .16s,border .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:linear-gradient(150deg,#9066f1,#7146dc);box-shadow:0 9px 26px #7444da40}.button-primary:hover:not(:disabled){background:linear-gradient(150deg,#9f78f5,#7e54e2)}.button-secondary{background:#171b24;border-color:#303644}.button-secondary:hover:not(:disabled){background:#202632;border-color:#41495a}.button-success{color:#75e9ba;background:#40d79b26;border-color:#40d79b73}.button-wide{width:100%}.button.compact{min-height:39px;padding:.58rem .82rem;font-size:.84rem}.icon-button{cursor:pointer;color:#bac1cf;background:0 0;border:0;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:var(--surface-3);color:#fff}.icon-button.small svg{width:16px}.error-banner{color:#ffc4c8;background:#ff6b751a;border:1px solid #ff6b7559;border-radius:11px;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0;padding:.8rem 1rem;font-size:.88rem;display:flex}.error-banner button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#aa8cff;align-items:center;gap:.45rem;font-size:.68rem;font-weight:800;display:flex}.lead{color:#b1b8c7;line-height:1.7}.center-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:1rem;display:grid}.loader{border:3px solid #272d38;border-top-color:#9c76f5;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{grid-template-columns:minmax(430px,600px) 1fr;align-items:center;gap:4rem;min-height:100dvh;padding:clamp(1.5rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(80px);pointer-events:none;background:#7b4be821;border-radius:50%;width:60vw;height:60vw;position:absolute;top:-20vw;left:-20vw}.login-panel{z-index:2;max-width:470px;position:relative}.login-panel .brand{margin-bottom:4rem}.login-panel h1{letter-spacing:-.065em;margin:1.1rem 0 1.4rem;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.96}.login-panel h1 span,.dashboard-hero h1 span{color:#a888fa}.auth-form{gap:1rem;margin-top:1.75rem;display:grid}.auth-form label,.settings-form>label,.join-form label{color:#c9cfdb;gap:.48rem;font-size:.85rem;font-weight:650;display:grid}.auth-form input,.settings-form input,.join-form input{color:#fff;background:#11151c;border:1px solid #313746;border-radius:12px;width:100%;min-height:50px;padding:.8rem .95rem;transition:border .15s,box-shadow .15s}.auth-form input:focus,.settings-form input:focus,.join-form input:focus{border-color:#8c64e9;outline:none;box-shadow:0 0 0 4px #8c64e921}.server-note{color:#8f97a7;align-items:center;gap:.5rem;margin-top:1.35rem;font-size:.78rem;display:flex}.server-note strong{color:#c9cfdb}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.demo-note{color:#71798a;margin-top:.75rem;font-size:.76rem}.login-art{perspective:1200px;justify-self:end;width:min(48vw,720px);height:min(72vh,740px);position:relative}.poster{box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:24px;position:absolute;overflow:hidden}.poster span{color:#ffffff1f;font-size:4rem;font-weight:900;position:absolute;bottom:1rem;left:1.4rem}.poster:after{content:"";background:linear-gradient(#0000 45%,#000000b8);position:absolute;inset:0}.poster-a{background:radial-gradient(circle at 60% 25%,#d87b64,#0000 8%),radial-gradient(circle at 48% 27%,#eeb18e,#0000 7%),linear-gradient(135deg,#461c29,#0c1527 60%,#244a64);inset:4% 38% 20% 0;transform:rotateY(9deg)rotate(-4deg)}.poster-b{background:radial-gradient(circle at 45% 40%,#a692d7,#0000 5%),linear-gradient(155deg,#241342,#16414a 58%,#081119);inset:0 4% 25% 52%;transform:rotateY(-8deg)rotate(5deg)}.poster-c{background:radial-gradient(circle at 50% 32%,#ffd89d,#0000 8%),linear-gradient(#d45239,#341323 56%,#090d18);inset:38% 18% 0 36%;transform:translateZ(60px)rotate(2deg)}.floating-card{z-index:4;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151822d9;border:1px solid #ffffff21;border-radius:16px;grid-template-columns:auto 1fr;padding:1rem 1.3rem;display:grid;position:absolute;bottom:9%;right:0}.floating-card strong,.floating-card span{grid-column:2}.floating-card span{color:var(--muted);margin-top:.2rem;font-size:.76rem}.presence-stack{grid-row:1/3;align-items:center;margin-right:1rem;display:flex}.presence-stack i{background:linear-gradient(145deg,#a37df7,#5f3eac);border:2px solid #171b24;border-radius:50%;width:30px;height:30px;margin-left:-8px}.presence-stack i:nth-child(2){background:linear-gradient(145deg,#ef9d74,#7e3d40)}.presence-stack i:nth-child(3){background:linear-gradient(145deg,#76d3be,#35636d)}.app-header,.room-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#080a0fde;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(1rem,4vw,3.3rem);display:flex;position:sticky;top:0}.app-header nav,.room-actions{align-items:center;gap:.65rem;display:flex}.secure-pill,.connection-pill{color:#aeb5c3;border:1px solid #2d3440;border-radius:99px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.secure-pill svg{color:var(--green)}.user-chip{align-items:center;gap:.55rem;padding:.25rem .65rem .25rem .3rem;font-size:.82rem;font-weight:650;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#875feb,#4a337c);border:1px solid #ffffff21;border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:850;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:30px;height:30px;font-size:.62rem}.avatar-md{width:39px;height:39px}.avatar-lg{width:54px;height:54px}.dashboard{max-width:1500px;margin:auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,3.3rem) 6rem}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:4rem;display:flex}.dashboard-hero h1{letter-spacing:-.065em;margin:.8rem 0 1.3rem;font-size:clamp(2.7rem,5vw,5.1rem);line-height:.97}.dashboard-hero p{max-width:580px;color:var(--muted);font-size:1.02rem;line-height:1.65}.library-toolbar{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.library-toolbar h2{margin:0 0 .25rem;font-size:1.5rem}.library-toolbar>div>span{color:var(--muted);font-size:.8rem}.search-box{width:min(420px,100%);height:45px;color:var(--muted);background:#11151c;border:1px solid #2d3340;border-radius:12px;align-items:center;gap:.7rem;padding:0 .85rem;display:flex}.search-box:focus-within{border-color:#7954d1}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.media-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.7rem 1.1rem;display:grid}.media-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.media-poster,.media-skeleton{aspect-ratio:2/3;background:linear-gradient(145deg,#2c1e43,#152431);border-radius:13px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000040}.media-card:hover .media-poster{transform:translateY(-5px)scale(1.012);box-shadow:0 20px 45px #0006}.media-poster img{object-fit:cover;width:100%;height:100%}.media-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000007a);position:absolute;inset:0}.tone-1 .media-poster{background:linear-gradient(145deg,#422136,#122836)}.tone-2 .media-poster{background:linear-gradient(145deg,#17394a,#2d1c43)}.tone-3 .media-poster{background:linear-gradient(145deg,#4b2d20,#191d34)}.tone-4 .media-poster{background:linear-gradient(145deg,#1e433a,#20223e)}.media-type{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.1em;background:#0406099e;border-radius:6px;padding:.28rem .46rem;font-size:.59rem;font-weight:800;position:absolute;top:.65rem;left:.65rem}.card-play{z-index:2;opacity:0;background:#895beff2;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-35%)scale(.75)}.media-card:hover .card-play,.media-card:focus-visible .card-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.media-copy{gap:.25rem;padding:.7rem .2rem 0;display:grid}.media-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.media-copy span{color:var(--muted);font-size:.72rem}.media-skeleton{background:linear-gradient(100deg,#11151d 20%,#1c222d 50%,#11151d 80%) 0 0/200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010307b8;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.room-sheet{width:min(590px,100%);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow);background:#11151d;border:1px solid #313746;border-radius:22px;padding:1.7rem;position:relative;overflow:auto}.sheet-close{cursor:pointer;background:#202632;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:1rem;right:1rem}.selected-media{align-items:center;gap:1rem;margin-bottom:1.3rem;padding-right:3rem;display:flex}.mini-poster{aspect-ratio:2/3;background:linear-gradient(145deg,#452660,#193044);border-radius:10px;place-items:center;width:70px;display:grid;overflow:hidden}.mini-poster img{object-fit:cover;width:100%;height:100%}.selected-media span{color:#9f81e8;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;font-weight:850}.selected-media h2{margin:.25rem 0;font-size:1.35rem}.selected-media p{color:var(--muted);margin:0;font-size:.8rem}.settings-form{gap:1rem;display:grid}.settings-form fieldset{border:0;margin:0;padding:0}.settings-form legend{color:#c9cfdb;margin-bottom:.5rem;font-size:.85rem;font-weight:650}.segmented{background:#0b0e14;border:1px solid #303645;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px}.segmented button.active{color:#e7ddff;background:#282034}.toggle-row{justify-content:space-between;align-items:center;gap:1rem;padding:.2rem 0;display:flex!important}.toggle-row span{gap:.2rem;display:grid}.toggle-row small{color:var(--muted);font-weight:400}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-row i{cursor:pointer;background:#343b48;border-radius:99px;width:46px;height:26px;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{background:#8055e2}.toggle-row input:checked+i:after{transform:translate(20px)}.join-page{place-items:center;min-height:calc(100vh - 74px);padding:2rem;display:grid}.join-page>section{border:1px solid var(--line);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);border-radius:20px;padding:2rem}.join-page h1{letter-spacing:-.05em;margin:.6rem 0;font-size:2.5rem}.join-page>section>p{color:var(--muted);line-height:1.5}.join-form{gap:1rem;margin-top:1.5rem;display:grid}.join-form label small{color:var(--muted);font-weight:400}.join-form .code-input{text-align:center;text-transform:uppercase;letter-spacing:.32em;font-size:1.4rem;font-weight:850}.room-page{background:#07090d;min-height:100vh}.room-header{background:#0b0e13;padding:0 1.4rem;position:relative}.room-heading{text-align:center;gap:.12rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.room-heading span{text-transform:uppercase;letter-spacing:.14em;color:#8c73ca;font-size:.57rem;font-weight:850}.room-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-size:.86rem;overflow:hidden}.connection-pill.online{color:#7ce1b9}.connection-pill.offline{color:#f5bb70}.code-pill{cursor:pointer;background:#171b23;border:1px solid #303641;border-radius:11px;align-items:center;gap:.45rem;height:42px;padding:0 .75rem;display:flex}.code-pill span{color:var(--muted);font-size:.66rem}.code-pill strong{letter-spacing:.13em;font-size:.78rem}.party-layout{grid-template-columns:minmax(0,1fr);height:calc(100vh - 74px);display:grid;overflow:hidden}.party-layout.chat-open{grid-template-columns:minmax(0,1fr) 370px}.watch-column{min-width:0;padding:1.15rem 1.25rem 3rem;overflow:auto}.video-stage{aspect-ratio:16/9;background:radial-gradient(circle at 68% 35%,#714ab459,#0000 21%),linear-gradient(145deg,#181326,#080b13 62%,#121b26);border-radius:16px;width:100%;min-height:260px;max-height:calc(100vh - 245px);position:relative;overflow:hidden;box-shadow:0 20px 58px #0000006b}.video-stage video{object-fit:contain;background:#000;width:100%;height:100%}.lobby-overlay,.unlock-overlay{z-index:3;position:absolute;inset:0}.lobby-overlay{background:linear-gradient(90deg,#040509f2 0%,#0405098c 58%,#04050926),radial-gradient(circle at 78% 26%,#8e5ceb59,#0000 32%);justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.4rem,4vw,3.5rem);display:flex}.lobby-media{max-width:580px}.lobby-media h1{letter-spacing:-.06em;margin:.7rem 0;font-size:clamp(2rem,4vw,4.6rem);line-height:1}.lobby-media p{color:#afb6c4;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.lobby-meta{color:#d4d9e3;gap:.6rem;font-size:.78rem;display:flex}.lobby-meta span{background:#0000003d;border:1px solid #ffffff24;border-radius:7px;padding:.35rem .6rem}.ready-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10121bc7;border:1px solid #ffffff1f;border-radius:14px;flex:0 0 270px;padding:1.1rem}.ready-card>div{gap:.28rem;margin-bottom:.9rem;display:grid}.ready-card span{color:var(--muted);font-size:.73rem}.ready-card .button{width:100%}.unlock-overlay{text-align:center;cursor:pointer;background:#030508c7;border:0;place-content:center;justify-items:center;padding:1.5rem;display:grid}.unlock-overlay>span{background:#8a5be9;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:1rem;display:grid;box-shadow:0 0 50px #8a5be966}.unlock-overlay strong{font-size:1.25rem}.unlock-overlay small{color:#b0b6c3;max-width:440px;margin-top:.5rem;line-height:1.5}.player-controls{z-index:4;background:linear-gradient(#0000,#000000e0);align-items:center;gap:.8rem;padding:2.5rem 1rem .85rem;display:flex;position:absolute;bottom:0;left:0;right:0}.player-controls button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.player-controls button svg{width:20px}.player-controls input{accent-color:#9065ed;flex:1;min-width:70px}.player-controls span{font-variant-numeric:tabular-nums;color:#d4d8e0;font-size:.72rem}.floating-reaction{z-index:8;pointer-events:none;font-size:2.4rem;animation:2.4s ease-out forwards floatReaction;position:absolute;bottom:20%}@keyframes floatReaction{0%{opacity:0;transform:translateY(30px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-150px)scale(.9)}}.under-video{justify-content:space-between;align-items:center;gap:1rem;padding:1rem .15rem;display:flex}.now-playing{gap:.16rem;min-width:0;display:grid}.now-playing>span{text-transform:uppercase;letter-spacing:.12em;color:#9c81e0;font-size:.56rem;font-weight:850}.now-playing strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.now-playing small{color:var(--muted)}.sync-actions{align-items:center;gap:.55rem;display:flex}.sync-badge{color:#77ddb4;align-items:center;gap:.38rem;font-size:.72rem;display:flex}.sync-badge.adjusting{color:#edc173}.mobile-chat-button{display:none}.mobile-chat-button b{background:#8e5fe8;border-radius:99px;place-items:center;min-width:19px;height:19px;font-size:.65rem;display:grid}.participant-strip{border-top:1px solid #222833;padding-top:1rem}.section-title{color:#bcc3d0;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.78rem;display:flex}.participant-list{gap:.75rem;padding-bottom:.5rem;display:flex;overflow:visible}.participant{background:#0e1117;border:1px solid #242a35;border-radius:12px;align-items:center;gap:.65rem;min-width:195px;padding:.55rem .65rem;display:flex;position:relative}.avatar-wrap{position:relative}.avatar-wrap>i{border:2px solid #0e1117;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.avatar-wrap>i.connected{background:var(--green)}.avatar-wrap>i.disconnected{background:#626a78}.participant>div:nth-child(2){flex:1;gap:.18rem;min-width:0;display:grid}.participant>div:nth-child(2)>strong{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.health{color:var(--muted);text-transform:capitalize;align-items:center;gap:.25rem;font-size:.62rem;display:flex}.health.synced{color:#68dbae}.health.adjusting{color:#e6ba68}.health.out-of-sync{color:#f27f88}.participant-menu{position:relative}.menu-popover{z-index:15;background:#191e27;border:1px solid #353c49;border-radius:10px;width:130px;padding:.35rem;position:absolute;top:36px;right:0;box-shadow:0 15px 35px #0006}.menu-popover button{text-align:left;color:#d5dae5;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:.55rem;font-size:.72rem}.menu-popover button:hover{background:#252b37}.menu-popover button.danger{color:#ff949b}.chat-panel{background:#0e1117;border-left:1px solid #242a34;grid-template-rows:58px minmax(0,1fr) 24px auto auto;height:100%;min-height:0;display:grid}.chat-panel>header{border-bottom:1px solid #242a34;justify-content:space-between;align-items:center;padding:0 .85rem;display:flex}.chat-panel>header>div{align-items:center;gap:.5rem;display:flex}.chat-panel>header strong{font-size:.85rem}.chat-panel>header span{color:#80dbb5;background:#1e252f;border-radius:99px;padding:.25rem .4rem;font-size:.58rem}.messages{scrollbar-color:#353d49 transparent;min-height:0;padding:1rem .9rem;overflow:auto}.empty-chat{text-align:center;height:100%;color:var(--muted);place-content:center;justify-items:center;gap:.5rem;display:grid}.empty-chat svg{width:32px;height:32px}.empty-chat strong{color:#cbd1dc}.empty-chat span{max-width:220px;font-size:.75rem;line-height:1.5}.message{align-items:start;gap:.55rem;margin-bottom:1rem;display:flex}.message>div{flex:1;min-width:0}.message header{align-items:baseline;gap:.5rem;display:flex}.message header strong{font-size:.72rem}.message time{color:#697181;font-size:.57rem}.message p{color:#e4e7ee;overflow-wrap:anywhere;background:#1b202a;border-radius:4px 11px 11px;margin:.3rem 0 0;padding:.55rem .7rem;font-size:.79rem;line-height:1.45;display:inline-block}.message.mine{flex-direction:row-reverse}.message.mine header{justify-content:flex-end}.message.mine>div{text-align:right}.message.mine p{text-align:left;background:#382a53;border-radius:11px 4px 11px 11px}.typing-line{color:#8775ae;height:24px;padding:0 1rem;font-size:.65rem;font-style:italic}.reaction-row{justify-content:center;gap:.28rem;padding:.35rem .7rem;display:flex}.reaction-row button{cursor:pointer;background:#171b23;border:1px solid #292f39;border-radius:9px;width:35px;height:32px;transition:all .15s}.reaction-row button:hover{background:#242a35;transform:translateY(-2px)}.chat-compose{margin:.35rem .65rem calc(.65rem + env(safe-area-inset-bottom));background:#171b22;border:1px solid #303743;border-radius:13px;align-items:center;gap:.35rem;height:46px;padding:0 .38rem;display:flex;position:relative}.chat-compose input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.78rem}.chat-compose>button{color:#9ea6b5;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.chat-compose>button:last-of-type{color:#fff;background:#7950d5}.chat-compose button:disabled{background:#272d37}.chat-compose svg{width:17px}.emoji-popover{background:#191e27;border:1px solid #333a47;border-radius:11px;padding:.4rem;display:flex;position:absolute;bottom:54px;left:0;box-shadow:0 12px 30px #0006}.emoji-popover button{cursor:pointer;background:0 0;border:0;padding:.35rem}@media (max-width:1250px){.media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.login-art{transform-origin:100%;transform:scale(.9)}.party-layout.chat-open{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:1049px){.login-page{grid-template-columns:1fr;justify-items:center}.login-art{display:none}.login-panel{width:min(470px,100%)}.login-panel .brand{margin-bottom:3rem}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.party-layout,.party-layout.chat-open{height:auto;min-height:calc(100vh - 74px);display:block;overflow:visible}.watch-column{overflow:visible}.video-stage{min-height:0;max-height:none}.chat-panel{border:1px solid #242a34;border-radius:16px;height:min(68vh,600px);margin:0 1.25rem 2rem;overflow:hidden}.mobile-chat-button{display:inline-flex}.lobby-overlay{align-items:end}.ready-card{flex-basis:240px}}@media (max-width:720px){.app-header,.room-header{height:64px;padding:0 .85rem}.secure-pill,.user-chip>span{display:none}.dashboard{padding:2rem .9rem 5rem}.dashboard-hero{align-items:start;padding-bottom:2.7rem;display:grid}.dashboard-hero h1{font-size:clamp(2.55rem,12vw,4rem)}.dashboard-hero .button{width:max-content}.library-toolbar{align-items:start;gap:1rem;display:grid}.search-box{width:100%}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem .65rem}.media-copy strong{font-size:.77rem}.media-copy span{font-size:.64rem}.room-sheet{border-radius:18px;padding:1.25rem}.selected-media h2{font-size:1.1rem}.room-header .brand>span:last-child,.room-heading,.connection-pill span,.code-pill span{display:none}.room-header{position:sticky}.code-pill{padding:0 .6rem}.watch-column{padding:.65rem .65rem 1rem}.video-stage{border-radius:11px}.lobby-overlay{background:linear-gradient(#0405096b 0%,#040509fa 100%),radial-gradient(circle at 70% 20%,#8e5ceb61,#0000 35%);align-content:end;padding:1.1rem;display:grid}.lobby-media h1{font-size:2rem}.lobby-media p{-webkit-line-clamp:2;font-size:.82rem}.ready-card{justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding:.85rem;display:flex}.ready-card>div{margin:0}.ready-card .button{white-space:nowrap;width:auto}.under-video{align-items:start}.now-playing small{display:none}.sync-actions{flex-wrap:wrap;justify-content:flex-end}.sync-badge{display:none}.button.compact{min-height:38px;padding:.5rem .66rem}.participant-list{overflow:auto visible}.participant{min-width:177px}.chat-panel{height:62vh;margin:0 .65rem 1rem}.player-controls{gap:.45rem;padding-inline:.55rem}.player-controls span,.player-controls>svg{display:none}.player-controls input{min-width:40px}.join-page{padding:1rem}.join-page>section{padding:1.4rem}.floating-reaction{font-size:2rem}}@media (max-width:440px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero h1{font-size:2.7rem}.lobby-media .eyebrow{display:none}.lobby-media h1{margin:.25rem 0;font-size:1.55rem}.lobby-media p{margin:.4rem 0}.lobby-meta{display:none}.ready-card{padding:.65rem}.ready-card span{display:none}.ready-card .button{min-height:40px;padding:.55rem .7rem}.under-video{display:grid}.sync-actions{justify-content:start}.now-playing strong{font-size:.85rem}.video-stage{aspect-ratio:16/10}.room-actions{gap:.25rem}}@media (max-height:520px) and (orientation:landscape){.room-header{height:54px}.party-layout,.party-layout.chat-open{min-height:calc(100vh - 54px)}.watch-column{padding:.4rem}.video-stage{aspect-ratio:auto;height:calc(100vh - 62px);max-height:none}.under-video,.participant-strip{display:none}.chat-panel{z-index:25;border-radius:0;width:min(360px,46vw);height:auto;margin:0;position:fixed;top:54px;bottom:0;right:0}.lobby-overlay{padding:1rem;display:flex}.lobby-media h1{font-size:2rem}.lobby-media p{display:none}.ready-card{width:230px}.player-controls{padding-top:2rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.icon-button{width:44px;height:44px}.icon-button.small{width:36px;height:36px}.code-pill{height:44px}.landscape-chat-button{display:none}@media (max-width:720px){.button.compact,.ready-card .button{min-height:44px}}@media (max-width:440px){.ready-card .button{min-height:44px}}@media (max-height:520px) and (orientation:landscape){.landscape-chat-button{z-index:35;cursor:pointer;background:#171b23;border:1px solid #303641;border-radius:11px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:5px;right:12px}.landscape-chat-button svg{width:19px}.landscape-chat-button b{background:#8e5fe8;border-radius:99px;place-items:center;min-width:16px;height:16px;font-size:.58rem;display:grid;position:absolute;top:2px;right:2px}}.library-section{margin-top:2.7rem}.library-section:first-of-type{margin-top:0}.library-section>header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.15rem;display:flex}.library-section>header h3{margin:0 0 .2rem;font-size:1.15rem}.library-section>header span{color:var(--muted);font-size:.72rem}.library-empty{color:var(--muted);text-align:center;background:#0d1016;border:1px dashed #323946;border-radius:14px;padding:2rem}.series-sheet{flex-direction:column;width:min(900px,100%);display:flex}.series-summary{grid-template-columns:120px minmax(0,1fr);gap:1.25rem;margin-bottom:1.25rem;padding-right:3rem;display:grid}.series-cover{aspect-ratio:2/3;background:linear-gradient(145deg,#452660,#193044);border-radius:12px;overflow:hidden}.series-cover img{object-fit:cover;width:100%;height:100%}.series-summary h2{margin:.35rem 0 .5rem;font-size:1.65rem}.series-summary p{max-width:620px;color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.season-picker{color:#cbd1dc;grid-template-columns:auto minmax(180px,280px);justify-content:start;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:grid}.season-picker select{color:#fff;background:#0c1016;border:1px solid #333b49;border-radius:10px;height:43px;padding:0 2.2rem 0 .8rem}.episode-list{gap:.65rem;min-height:180px;display:grid;overflow:auto}.episode-row{color:#fff;text-align:left;cursor:pointer;background:#0d1117;border:1px solid #282f3a;border-radius:13px;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;padding:.55rem;transition:border-color .18s,background .18s;display:grid}.episode-row:hover,.episode-row:focus-visible{background:#151925;border-color:#7757c6}.episode-thumb{background:linear-gradient(145deg,#2b1f43,#173244);border-radius:9px;place-items:center;height:78px;display:grid;overflow:hidden}.episode-thumb img{object-fit:cover;width:100%;height:100%}.episode-row>span:nth-child(2){gap:.2rem;min-width:0;display:grid}.episode-row small{color:#a88be8;letter-spacing:.08em;font-size:.62rem;font-weight:850}.episode-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.episode-row em{color:var(--muted);font-size:.68rem;font-style:normal}.episode-row>svg{color:#9b72ef;margin-right:.5rem}.series-loading{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:.8rem;display:flex}.series-loading .loader{width:24px;height:24px}.episode-skeleton{background:linear-gradient(100deg,#11151d 20%,#1c222d 50%,#11151d 80%) 0 0/200% 100%;border-radius:13px;height:92px;animation:1.3s infinite shimmer}@media (max-width:720px){.library-section{margin-top:2.15rem}.library-section>header{align-items:center}.series-sheet{height:calc(100dvh - 2rem)}.series-summary{grid-template-columns:78px minmax(0,1fr);gap:.85rem}.series-summary h2{font-size:1.2rem}.series-summary p{-webkit-line-clamp:2;font-size:.76rem}.season-picker{grid-template-columns:1fr;gap:.4rem}.season-picker select{width:100%}.episode-row{grid-template-columns:96px minmax(0,1fr) auto;gap:.7rem}.episode-thumb{height:60px}.episode-row>svg{margin-right:.15rem}.episode-row strong{font-size:.76rem}}.track-menu-wrap{place-items:center;display:grid;position:relative}.track-button{width:34px;height:34px;border-radius:9px!important}.track-button.active,.track-button:hover{background:#8f63eb47!important}.track-popover{z-index:30;text-align:left;color:#f6f7fb;background:#0f1219fa;border:1px solid #343c49;border-radius:15px;width:min(370px,100vw - 2rem);max-height:min(68vh,570px);position:absolute;bottom:42px;right:0;overflow:auto;box-shadow:0 22px 65px #00000094}.track-popover>header{z-index:2;background:#11151c;border-bottom:1px solid #292f3a;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex;position:sticky;top:0}.track-popover>header>div{gap:.15rem;display:grid}.track-popover>header strong{font-size:.88rem}.track-popover>header span,.track-popover>footer small{color:var(--muted);font-size:.66rem}.track-popover>header button{border-radius:9px;width:36px;height:36px}.track-popover section{padding:.8rem}.track-popover section+section{border-top:1px solid #292f3a}.track-popover h4{color:#a98ae9;text-transform:uppercase;letter-spacing:.11em;margin:0 .35rem .5rem;font-size:.66rem}.track-option{grid-template-columns:27px minmax(0,1fr);align-items:center;gap:.55rem;width:100%;text-align:left!important;border-radius:10px!important;min-height:48px!important;padding:.48rem!important;display:grid!important}.track-option:hover,.track-option[aria-checked=true]{background:#202632!important}.track-option>span{place-items:center;width:23px;height:23px;display:grid}.track-option>span svg{color:#9a71ed;width:16px!important}.track-option>span i{border:1px solid #626b7a;border-radius:50%;width:15px;height:15px}.track-option>div{gap:.16rem;min-width:0;display:grid}.track-option strong{white-space:normal;font-size:.76rem}.track-option small{color:var(--muted);text-transform:none;font-size:.61rem}.track-popover footer{border-top:1px solid #292f3a;gap:.35rem;padding:.8rem 1rem 1rem;display:grid}.upload-subtitle{color:#f7f4ff;justify-content:center;align-items:center;gap:.5rem;background:#282039!important;border:1px solid #60469d!important;border-radius:10px!important;min-height:44px!important;display:flex!important}.upload-subtitle svg{width:17px!important}.source-switch-overlay,.source-resume-overlay{z-index:7;text-align:center;background:#030508c2;place-content:center;justify-items:center;gap:.75rem;display:grid;position:absolute;inset:0}.source-switch-overlay .loader{width:30px;height:30px}.source-resume-overlay{color:#fff;cursor:pointer;border:0}.source-resume-overlay>span{background:#8a5be9;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.source-resume-overlay small{color:#b7bdc8;max-width:420px}.source-resume-overlay strong{font-size:1.05rem}@media (max-width:720px){.track-popover{border-radius:18px;width:auto;max-height:min(76dvh,620px);position:fixed;bottom:.55rem;left:.55rem;right:.55rem}.track-popover>header{padding:1rem}.track-option{min-height:52px!important}.player-controls .track-button{width:44px;height:44px}.source-resume-overlay small{padding:0 1rem}}@media (max-height:520px) and (orientation:landscape){.track-popover{width:min(390px,46vw);max-height:calc(100vh - .8rem);position:fixed;bottom:.4rem;left:auto;right:3.2rem}}