:root,:root[data-theme=light] .player-frame,:root[data-theme=light] .player:fullscreen{color-scheme:dark;--ground: #0f0b10;--well: #0b080c;--panel: #161118;--raised: #1f1822;--raised-2: #2a2130;--glass: rgba(22, 17, 24, .72);--hover: rgba(255, 236, 226, .055);--line: rgba(255, 228, 214, .08);--line-strong: rgba(255, 228, 214, .14);--ink: #f7eee9;--dim: #b9a9ab;--faint: #86767c;--glow: #ffb08a;--glow-hi: #ffc6a8;--glow-ink: #2b130c;--glow-dim: rgba(255, 176, 138, .14);--glow-line: rgba(255, 176, 138, .32);--glow-grad: linear-gradient(180deg, #ffc4a2 0%, #ff9e7c 100%);--rose: #ff8497;--mint: #7fdcae;--danger: #ff7272;--fg-rgb: 255, 228, 214;--ground-rgb: 15, 11, 16;--glow-rgb: 255, 176, 138;--glow-shadow-rgb: 255, 140, 100;--rose-rgb: 255, 132, 151;--plum-rgb: 126, 72, 150;--mint-rgb: 127, 220, 174;--danger-rgb: 255, 114, 114;--shadow-float: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 18px 50px -18px rgba(0, 0, 0, .75);--shadow-pop: 0 18px 40px -12px rgba(0, 0, 0, .85);--shadow-knob: 0 2px 6px rgba(0, 0, 0, .5);--pop-bg: rgba(42, 33, 48, .95);--seg-thumb: #2a2130;--seg-thumb-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 4px 12px -4px rgba(0, 0, 0, .6);--knob-off: #cdbfc2;--avatar-gap: #150f17;--mine-ink: #fff4ee;--scrim: rgba(8, 5, 9, .62);--name-s: 78%;--name-l: 76%}:root[data-theme=light]{color-scheme:light;--ground: #f3ebe4;--well: #fffbf8;--panel: #fbf6f2;--raised: #eee4dd;--raised-2: #e4d7cf;--glass: rgba(252, 248, 244, .74);--hover: rgba(74, 38, 48, .05);--line: rgba(74, 38, 48, .1);--line-strong: rgba(74, 38, 48, .17);--ink: #2a1b22;--dim: #65525a;--faint: #76626a;--glow: #b5481f;--glow-hi: #9a3a18;--glow-ink: #fff8f3;--glow-dim: rgba(196, 85, 44, .12);--glow-line: rgba(181, 72, 31, .34);--glow-grad: linear-gradient(180deg, #c75830 0%, #a93f1a 100%);--rose: #c93f62;--mint: #23895b;--danger: #b8322f;--fg-rgb: 74, 38, 48;--ground-rgb: 243, 235, 228;--glow-rgb: 196, 85, 44;--glow-shadow-rgb: 176, 70, 30;--rose-rgb: 201, 63, 98;--plum-rgb: 150, 104, 180;--mint-rgb: 35, 137, 91;--danger-rgb: 184, 50, 47;--shadow-float: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 2px 6px -2px rgba(84, 44, 36, .08), 0 18px 44px -20px rgba(84, 44, 36, .3);--shadow-pop: 0 2px 6px -2px rgba(84, 44, 36, .1), 0 18px 40px -14px rgba(84, 44, 36, .38);--shadow-knob: 0 1px 3px rgba(84, 44, 36, .35);--pop-bg: rgba(255, 251, 248, .96);--seg-thumb: #fffdfb;--seg-thumb-shadow: 0 1px 2px rgba(84, 44, 36, .12), 0 3px 10px -4px rgba(84, 44, 36, .25);--knob-off: #ffffff;--avatar-gap: #f5eee8;--mine-ink: #2a1b22;--scrim: rgba(58, 32, 38, .32);--name-s: 62%;--name-l: 32%}:root{--display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--ease-out: cubic-bezier(.22, .8, .24, 1);--t: .18s var(--ease-out)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2{font-family:var(--display);margin:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input{font:inherit;color:var(--ink);background:var(--well);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:11px 14px;outline:none;min-width:0;transition:border-color var(--t),box-shadow var(--t),background var(--t)}input::placeholder{color:var(--faint)}input:hover{border-color:rgba(var(--fg-rgb),.22)}input:focus-visible{border-color:var(--glow-line);box-shadow:0 0 0 4px var(--glow-dim)}::selection{background:rgba(var(--glow-rgb),.3)}:focus-visible{outline:2px solid var(--glow);outline-offset:2px}input:focus-visible{outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-sm);padding:9px 16px;font-weight:600;font-size:14px;white-space:nowrap;border:1px solid transparent;transition:background var(--t),border-color var(--t),color var(--t),box-shadow var(--t),filter var(--t),transform .12s var(--ease-out)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.38;cursor:default}.btn.primary{background:var(--glow-grad);color:var(--glow-ink);box-shadow:inset 0 1px #ffffff73,0 8px 22px -10px rgba(var(--glow-shadow-rgb),.7)}.btn.primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px #ffffff80,0 10px 28px -10px rgba(var(--glow-shadow-rgb),.85)}.btn.primary:disabled{opacity:1;background:var(--raised-2);color:var(--faint);box-shadow:none}.btn.ghost{background:var(--raised);border-color:var(--line-strong);color:var(--ink)}.btn.ghost:hover:not(:disabled){background:var(--raised-2);border-color:rgba(var(--fg-rgb),.22)}.btn.soft{background:var(--glow-dim);border-color:rgba(var(--glow-rgb),.22);color:var(--glow-hi)}.btn.soft:hover:not(:disabled){background:rgba(var(--glow-rgb),.22);border-color:var(--glow-line)}.btn.big{padding:13px 20px;font-size:15px;border-radius:var(--r-md)}.btn.small{padding:7px 13px;font-size:13px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--dim);flex:none;transition:background var(--t),color var(--t)}.icon-btn:hover:not(:disabled){color:var(--ink);background:var(--hover)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:spin .7s linear infinite}.spinner.lg{width:30px;height:30px;border-width:2.5px;color:var(--glow)}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:7px;text-align:left}.field>span{font-size:12.5px;font-weight:600;color:var(--dim)}.wordmark{font-family:var(--display);font-weight:700;letter-spacing:-.02em}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#22121a;flex:none;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.avatar.sm{width:26px;height:26px;font-size:10px}.avatar.lg{width:38px;height:38px;font-size:13.5px}.landing{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:22px clamp(18px,4vw,40px) 26px;overflow-x:hidden}.landing-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(38% 46% at 76% 46%,rgba(var(--rose-rgb),.17),transparent 70%),radial-gradient(42% 50% at 68% 62%,rgba(var(--glow-rgb),.15),transparent 72%),radial-gradient(55% 45% at 8% 0%,rgba(var(--plum-rgb),.2),transparent 70%)}.landing-top,.landing-main,.landing-foot{position:relative;width:100%;max-width:1160px;margin-inline:auto}.landing-top{display:flex;align-items:center;gap:10px}.landing-top .wordmark{font-size:19px}.landing-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center;padding:40px 0}.landing-copy h1{font-size:clamp(44px,5vw,72px);font-weight:750;line-height:1;letter-spacing:-.03em;margin-bottom:22px;animation:rise .7s var(--ease-out) both}.landing-copy h1 span{color:var(--glow);white-space:nowrap}.landing-copy .sub{margin:0 0 30px;font-size:17px;line-height:1.6;color:var(--dim);max-width:44ch;animation:rise .7s 80ms var(--ease-out) both}.entry{max-width:430px;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-float);animation:rise .7s .16s var(--ease-out) both}.or{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12.5px;font-weight:500}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.join-row{display:flex;gap:8px}.code-input{flex:1;font-family:var(--display);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.22em;text-align:center;border-radius:var(--r-md)}.code-input::placeholder{letter-spacing:.16em;font-weight:600}.rejoin{align-self:center;display:inline-flex;align-items:center;gap:8px;margin-top:2px;padding:6px 10px;border-radius:999px;color:var(--dim);font-size:13.5px;transition:color var(--t),background var(--t)}.rejoin:hover{color:var(--ink);background:var(--hover)}.rejoin b{font-family:var(--display);font-weight:700;color:var(--glow);letter-spacing:.1em}.landing-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;color:var(--faint);font-size:13px}.landing-foot span+span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6;margin-right:18px;vertical-align:middle}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.scene{position:relative;height:470px;animation:rise .9s .2s var(--ease-out) both}.screen{position:absolute;background:linear-gradient(180deg,#221a27,#18121b);border:1px solid var(--line-strong);box-shadow:inset 0 1px #ffffff0d,0 40px 80px -30px #000000e6,0 0 90px -40px #ff967873}.screen.laptop{left:0;top:34px;width:80%;border-radius:18px;padding-bottom:14px;transform:rotate(-2.5deg)}.screen-bar{display:flex;align-items:center;gap:6px;padding:11px 14px}.screen-bar i{width:8px;height:8px;border-radius:50%;background:rgba(var(--fg-rgb),.14)}.screen-bar span,.phone-city{font-size:11.5px;font-weight:600;color:var(--faint);font-variant-numeric:tabular-nums}.screen-bar span{margin-left:auto}.scene-video{margin:0 14px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#3a2150}.scene-video svg{display:block;width:100%;height:100%}.scene-video .sun{animation:sun 9s ease-in-out infinite alternate}@keyframes sun{to{transform:translateY(7px)}}.scene-transport{display:flex;align-items:center;gap:9px;margin:12px 14px 0}.scene-play{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--glow-grad);color:var(--glow-ink);flex:none}.scene-track{flex:1;height:4px;border-radius:99px;background:rgba(var(--fg-rgb),.12);position:relative}.scene-track i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--glow);animation:playhead 18s linear infinite}.scene-track i:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff3ec;box-shadow:0 0 0 3px rgba(var(--glow-rgb),.3)}@keyframes playhead{0%{width:22%}to{width:88%}}.scene-time{font-size:11px;font-weight:600;color:var(--faint);font-variant-numeric:tabular-nums}.screen.phone{right:0;bottom:0;width:36%;min-width:190px;border-radius:30px;padding:26px 10px 14px;transform:rotate(3deg)}.phone-notch{position:absolute;top:10px;left:50%;width:46px;height:6px;margin-left:-23px;border-radius:99px;background:#0000008c}.phone-city{display:block;text-align:center;margin-bottom:9px}.phone .scene-video{margin:0;border-radius:8px}.phone .scene-transport{margin:10px 2px 0}.phone-chat{display:flex;flex-direction:column;gap:6px;margin-top:14px}.phone-chat p{margin:0;font-size:12px;line-height:1.35;padding:7px 11px;border-radius:14px;max-width:92%;animation:rise .5s var(--ease-out) both}.phone-chat .them{align-self:flex-start;background:var(--raised-2);border-bottom-left-radius:5px;animation-delay:.9s}.phone-chat .me{align-self:flex-end;background:linear-gradient(180deg,rgba(var(--glow-rgb),.28),rgba(var(--rose-rgb),.2));color:#ffeadf;border-bottom-right-radius:5px;animation-delay:1.7s}.scene-sync{position:absolute;top:0;right:4%;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:#161118e0;border:1px solid var(--glow-line);color:var(--glow-hi);font-size:13px;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px -12px #000c}.sync-dots{display:inline-flex;gap:3px}.sync-dots i{width:5px;height:5px;border-radius:50%;background:var(--glow);animation:blink 1.4s ease-in-out infinite}.sync-dots i:nth-child(2){animation-delay:.2s}.sync-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.25}40%{opacity:1}}@media(max-width:900px){.landing-main{grid-template-columns:1fr;padding:28px 0 36px;gap:44px}.entry{max-width:480px}.scene{height:380px;max-width:560px;width:100%;margin-inline:auto}}@media(max-width:520px){.landing-copy h1{font-size:clamp(40px,12vw,52px)}.landing-copy .sub{font-size:15.5px}.entry{padding:18px}.scene{height:300px}.screen.laptop{width:88%;top:40px}.screen.phone{width:46%;min-width:0;padding:22px 8px 10px;border-radius:24px}.phone-chat p{font-size:11px;padding:6px 9px}.scene-sync{right:0;font-size:12px;padding:7px 12px}}.room{position:relative;height:100dvh;display:flex;flex-direction:column;isolation:isolate}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--ground)}.ambient-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 45% at 32% 30%,rgba(var(--rose-rgb),.1),transparent 70%),radial-gradient(45% 45% at 42% 62%,rgba(var(--glow-rgb),.08),transparent 70%),radial-gradient(45% 50% at 100% 0%,rgba(var(--plum-rgb),.14),transparent 70%)}.ambient-screen{position:absolute;left:5%;top:5%;width:60%;height:70%;filter:blur(80px) saturate(1.6);opacity:.3;transform:scale(1.3);animation:ambient-in 1.4s var(--ease-out) both;transition:opacity 1.2s ease}.ambient.live .ambient-screen{opacity:.5}.ambient-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background-repeat:no-repeat;animation:ambient-in 1.8s ease both}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 90% at 38% 40%,transparent 30%,rgba(var(--ground-rgb),.7) 100%)}@keyframes ambient-in{0%{opacity:0}}.topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:60px;border-bottom:1px solid var(--line);background:rgba(var(--ground-rgb),.5);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:16.5px;margin-right:6px}.topbar-spacer{flex:1}.ticket{--stub: 66px;display:inline-flex;align-items:stretch;height:36px;border-radius:10px;background:linear-gradient(180deg,#2a2130,#211a26);border:1px solid var(--line-strong);-webkit-mask:radial-gradient(circle 5px at var(--stub) 0,#0000 96%,#000) top / 100% 51% no-repeat,radial-gradient(circle 5px at var(--stub) 100%,#0000 96%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 5px at var(--stub) 0,#0000 96%,#000) top / 100% 51% no-repeat,radial-gradient(circle 5px at var(--stub) 100%,#0000 96%,#000) bottom / 100% 51% no-repeat;transition:border-color var(--t),background var(--t)}.ticket:hover{border-color:var(--glow-line)}.ticket-stub{width:var(--stub);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);border-right:1.5px dashed rgba(var(--fg-rgb),.2)}.ticket-code{display:inline-flex;align-items:center;padding:0 13px 0 12px;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--ink);transition:color var(--t)}.ticket:hover .ticket-code{color:var(--glow-hi)}.conn-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--faint)}.conn-dot.online{background:var(--mint);box-shadow:0 0 0 3px rgba(var(--mint-rgb),.16)}.conn-dot.connecting{background:var(--glow);animation:blink 1.2s infinite}.conn-dot.offline{background:var(--danger);animation:blink 1s infinite}.couch{display:inline-flex;align-items:center;padding:2px 4px 2px 2px;border-radius:999px;transition:background var(--t)}.couch:hover{background:var(--hover)}.couch .avatar{box-shadow:0 0 0 2.5px var(--avatar-gap);animation:pop-in .38s var(--ease-out) both}.couch .avatar+.avatar{margin-left:-7px}.couch .avatar.me{box-shadow:0 0 0 2.5px var(--avatar-gap),0 0 0 4px var(--glow-line)}.avatar.more{background:var(--raised-2);color:var(--dim);font-size:10.5px}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.live-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--dim);background:rgba(var(--fg-rgb),.05);border:1px solid var(--line);flex:none;white-space:nowrap;transition:color var(--t),background var(--t),border-color var(--t)}.live-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.live-chip.live{color:var(--glow-hi);background:var(--glow-dim);border-color:rgba(var(--glow-rgb),.26)}.live-chip.offline{color:#ffc0c0;background:rgba(var(--danger-rgb),.12);border-color:rgba(var(--danger-rgb),.3)}.live-chip.offline .dot{background:var(--danger);animation:blink 1s infinite}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px}.eq i{width:2.5px;height:100%;border-radius:2px;background:var(--glow);transform-origin:bottom;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.eq i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.room-body{flex:1;min-height:0;display:flex;flex-direction:column}.stage{padding:14px 12px 12px;display:flex;align-items:flex-start;justify-content:center;min-width:0}.player{width:100%;max-width:1120px}.player-frame{position:relative;width:100%;aspect-ratio:16 / 9;max-height:calc(100dvh - 330px);margin-inline:auto;background:#000;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px -24px #000000d9,0 0 0 1px #0006;transition:box-shadow 1.2s ease}.room.is-live .player-frame{box-shadow:0 30px 80px -24px #000000d9,0 0 0 1px #0006,0 0 140px -40px #ffaa8259}.player-frame .yt-host,.player-frame iframe,.player-frame .html-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.yt-host,.html-video{transition:filter .3s ease}.player.is-paused .yt-host,.player.is-paused .html-video{filter:brightness(.5) saturate(.75)}.player-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;background:#120d14}.player-empty p{margin:0;color:var(--dim);font-size:14px;max-width:38ch}.player-empty.idle{background:radial-gradient(60% 55% at 50% 112%,rgba(255,186,146,.42),transparent 70%),radial-gradient(55% 60% at 12% 115%,rgba(var(--rose-rgb),.3),transparent 65%),radial-gradient(55% 60% at 90% 115%,rgba(196,96,160,.26),transparent 65%),radial-gradient(90% 70% at 50% -30%,rgba(var(--plum-rgb),.3),transparent 70%),#140e16}.player-empty.idle h2{font-size:clamp(19px,2.4vw,26px);font-weight:700;letter-spacing:-.02em}.player-empty.idle .btn{margin-top:6px}.idle-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:var(--glow);background:rgba(var(--glow-rgb),.1);border:1px solid rgba(var(--glow-rgb),.22);margin-bottom:4px;animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 10px rgba(var(--glow-rgb),.04)}}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--ink);background:radial-gradient(ellipse at center,rgba(var(--ground-rgb),.45),rgba(var(--ground-rgb),.86));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.player-overlay .cue-title{margin-top:8px;font-family:var(--display);font-size:clamp(16px,2.3vw,23px);font-weight:700;letter-spacing:-.015em;max-width:82%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-overlay .cue-hint{font-size:13px;color:var(--dim)}.big-play{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:var(--glow-grad);color:var(--glow-ink);box-shadow:inset 0 1px #ffffff80,0 14px 40px -8px rgba(var(--glow-shadow-rgb),.6);transition:transform .2s var(--ease-out)}.big-play:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:2px solid var(--glow);animation:ring 2.2s var(--ease-out) infinite}.player-overlay:hover .big-play{transform:scale(1.06)}.player-overlay:active .big-play{transform:scale(.97)}@keyframes ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}.player-error{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#280e12e6;border:1px solid rgba(var(--danger-rgb),.4);color:#ffd0d0;border-radius:999px;padding:8px 16px;font-size:13px;width:max-content;max-width:90%;text-align:center}.controls{display:flex;align-items:center;gap:10px;margin-top:12px;padding:7px 8px;border-radius:18px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.play-btn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--glow-grad);color:var(--glow-ink);box-shadow:inset 0 1px #ffffff73,0 6px 18px -8px rgba(var(--glow-shadow-rgb),.8);transition:transform .16s var(--ease-out),filter var(--t),opacity var(--t)}.play-btn svg{transition:transform .2s var(--ease-out)}.player:not(.is-playing) .play-btn svg{transform:translate(1.5px)}.play-btn:hover:not(:disabled){filter:brightness(1.07);transform:scale(1.05)}.play-btn:active:not(:disabled){transform:scale(.95)}.play-btn:disabled{opacity:.35;cursor:default;filter:saturate(.3)}.scrub{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.time{font-size:12.5px;font-weight:600;color:var(--dim);min-width:40px;font-variant-numeric:tabular-nums;flex:none}.time.end{color:var(--faint);text-align:right}.vol-group{display:flex;align-items:center;gap:2px}input[type=range]{--fill: 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;background:transparent;border:none;border-radius:0;padding:0;cursor:pointer}input[type=range]:focus-visible{box-shadow:none}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--glow) var(--fill),rgba(var(--fg-rgb),.13) var(--fill))}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--glow) var(--fill),rgba(var(--fg-rgb),.13) var(--fill))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fff3ec;box-shadow:0 0 0 4px rgba(var(--glow-rgb),.22),var(--shadow-knob);transition:transform var(--t),box-shadow var(--t)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff3ec;box-shadow:0 0 0 4px rgba(var(--glow-rgb),.22),var(--shadow-knob)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 6px rgba(var(--glow-rgb),.28),var(--shadow-knob)}input[type=range]:disabled{opacity:.35;cursor:default}.seek{flex:1;min-width:0}.vol{width:84px}.now-playing{margin-top:14px;padding:0 6px;min-width:0}.np-source{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--faint);margin-bottom:4px}.np-title{font-size:clamp(17px,1.9vw,23px);font-weight:700;line-height:1.22;letter-spacing:-.018em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.yt-search{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;background:radial-gradient(70% 60% at 50% 120%,rgba(var(--glow-rgb),.16),transparent 70%),radial-gradient(80% 60% at 50% -25%,rgba(var(--plum-rgb),.24),transparent 70%),#120d14;animation:ambient-in .3s ease both}.yts-head{padding:18px 20px 12px;display:flex;flex-direction:column;gap:10px}.yts-head h2{font-size:clamp(18px,2.2vw,24px);font-weight:700;letter-spacing:-.02em}.yts-ended{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;color:var(--dim)}.yts-notice{margin:0;padding:8px 12px;border-radius:12px;background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.28);color:#ffd0d0;font-size:13px;line-height:1.4}.yts-kicker{flex:none;padding:2px 9px;border-radius:999px;background:rgba(var(--fg-rgb),.08);font-size:11.5px;font-weight:700;color:var(--dim)}.yts-ended-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yts-ended .btn{flex:none}.yts-field{display:flex;align-items:center;gap:8px;padding:3px 4px 3px 14px;border-radius:16px;background:var(--well);border:1px solid var(--line-strong);color:var(--faint);transition:border-color var(--t),box-shadow var(--t)}.yts-field:has(input:focus-visible){border-color:var(--glow-line);box-shadow:0 0 0 4px var(--glow-dim)}.yts-field input{flex:1;border:none;background:transparent;padding:10px 0;font-size:15px}.yts-field input:focus-visible{box-shadow:none}.yts-body{flex:1;min-height:0;overflow-y:auto;padding:2px 20px 18px;scrollbar-width:thin;scrollbar-color:var(--raised-2) transparent}.yts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 12px}.yts-parts{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.yts-parts .btn{gap:6px}.yts-card{position:relative;min-width:0;animation:rise .3s var(--ease-out) both}.yts-main{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;border-radius:var(--r-md);padding:0 0 4px}.yts-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--raised);box-shadow:0 0 0 1px var(--line);margin-bottom:4px}.yts-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.yts-main:hover .yts-thumb img{transform:scale(1.05)}.yts-dur{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:6px;background:#0a070bd1;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}.yts-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:var(--glow-grad);color:var(--glow-ink);box-shadow:0 10px 30px -8px rgba(var(--glow-shadow-rgb),.7);opacity:0;transform:scale(.8);transition:opacity var(--t),transform .22s var(--ease-out)}.yts-main:hover .yts-play,.yts-main:focus-visible .yts-play{opacity:1;transform:scale(1)}.yts-title{font-size:13.5px;font-weight:600;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 2px}.yts-meta{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.yts-queue{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:4px;padding:5px 9px 5px 7px;border-radius:999px;background:#0a070bcc;border:1px solid var(--line-strong);color:var(--ink);font-size:12px;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--t),background var(--t),color var(--t)}.yts-card:hover .yts-queue,.yts-queue:focus-visible,.yts-queue.done{opacity:1}.yts-queue:hover{background:var(--glow);color:var(--glow-ink)}.yts-queue.done{background:var(--glow-dim);border-color:var(--glow-line);color:var(--glow-hi)}@media(hover:none){.yts-queue{opacity:1}}.yts-card.skeleton{display:flex;flex-direction:column;gap:8px}.sk-line{height:11px;border-radius:6px;background:var(--raised)}.sk-line.short{width:60%}.skeleton .yts-thumb,.sk-line{animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{50%{opacity:.45}}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 12px;border-radius:999px;background:rgba(var(--fg-rgb),.06);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--dim);transition:background var(--t),color var(--t),border-color var(--t)}.chip:hover{background:var(--glow-dim);border-color:rgba(var(--glow-rgb),.26);color:var(--glow-hi)}.player-empty.idle.over-video{z-index:3;background:radial-gradient(60% 55% at 50% 112%,rgba(255,186,146,.3),transparent 70%),#120d14e6}.player-overlay.passive{cursor:default}.control-note{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 11px 4px 9px;border-radius:999px;background:rgba(var(--fg-rgb),.05);border:1px solid var(--line);color:var(--dim);font-size:12.5px;transition:background var(--t),color var(--t)}.control-note b{color:var(--glow-hi);font-weight:700}.control-note:hover{background:var(--glow-dim)}.play-btn:disabled svg{transform:none!important}.locked-note{display:flex;align-items:center;gap:10px;margin:14px 14px 4px;padding:10px 10px 10px 14px;border-radius:14px;background:rgba(var(--fg-rgb),.04);border:1px dashed var(--line-strong);color:var(--dim);font-size:13px;line-height:1.4}.locked-note svg{flex:none;color:var(--faint)}.locked-note span{flex:1}.avatar{position:relative}.crown{position:absolute;top:-5px;right:-4px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:var(--glow);color:var(--glow-ink);box-shadow:0 0 0 2px var(--avatar-gap)}.avatar.lg .crown{width:17px;height:17px}.requests{position:fixed;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:8px;width:min(460px,calc(100vw - 20px))}.request{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:18px;background:var(--pop-bg);border:1px solid var(--glow-line);box-shadow:var(--shadow-pop);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:toast-drop .36s var(--ease-out) both}.request-icon{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--glow-dim);color:var(--glow)}.request-text{flex:1;min-width:0;font-size:13.5px;line-height:1.35}@keyframes toast-drop{0%{opacity:0;transform:translateY(-10px) scale(.97)}}.player-frame{container-type:inline-size;container-name:frame}.floaters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:hidden;pointer-events:none}.floater{position:absolute;left:calc(var(--x, .5) * 100%);bottom:6%;display:flex;flex-direction:column;align-items:center;gap:6px;translate:-50% 0;animation:float-up 5.6s cubic-bezier(.2,.7,.3,1) forwards}.floater img{display:block;width:clamp(84px,22cqw,210px);height:auto;max-height:60cqw;border-radius:14px;box-shadow:0 16px 40px -10px #000c}.floater.sticker img{width:clamp(80px,18cqw,170px);border-radius:0;box-shadow:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.floater-emoji{font-size:clamp(34px,7cqw,72px);line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.floater-name{padding:2px 9px;border-radius:999px;background:rgba(var(--ground-rgb),.78);border:1px solid var(--line-strong);font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap}.floater.mine .floater-name{border-color:var(--glow-line);color:var(--glow-hi)}@keyframes float-up{0%{opacity:0;transform:translateY(40px) scale(.6) rotate(-4deg)}9%{opacity:1;transform:translateY(0) scale(1.06) rotate(2deg)}16%{transform:translateY(-4%) scale(1) rotate(-1deg)}50%{transform:translateY(-18%) rotate(2deg)}82%{opacity:1}to{opacity:0;transform:translateY(-38%) scale(.94) rotate(-2deg)}}.player:fullscreen{display:flex;flex-direction:column;width:100%;max-width:none;padding:0 0 12px;background:#000}.player:fullscreen .player-frame{flex:1;min-height:0;aspect-ratio:auto;max-height:none;border-radius:0;border:0;box-shadow:none}.player:fullscreen .controls{margin:10px 14px 0}.player:fullscreen .now-playing{display:none}.perm-card{margin:14px 14px 4px;padding:12px 12px 12px 14px;border-radius:16px;background:rgba(var(--fg-rgb),.04);border:1px solid var(--line)}.perm-card.viewer{border-style:dashed;border-color:rgba(var(--glow-rgb),.3);background:rgba(var(--glow-rgb),.05)}.perm-row{display:flex;align-items:center;gap:12px}.perm-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.perm-text strong{font-size:14px;font-weight:700}.perm-text span{font-size:12.5px;color:var(--dim);line-height:1.4}.perm-status{display:flex;align-items:center;gap:10px;margin:0;font-size:13.5px;color:var(--dim)}.perm-status .here{margin:0}.people-info{flex:1;min-width:0;display:flex;flex-direction:column}.people-info .people-name{flex:none}.people-name .you{color:var(--faint);font-weight:500}.people-role{font-size:12px;color:var(--faint)}.switch{position:relative;width:42px;height:25px;flex:none;border-radius:999px;background:var(--raised-2);border:1px solid var(--line-strong);transition:background var(--t),border-color var(--t)}.switch i{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--knob-off);box-shadow:var(--shadow-knob);transition:transform .24s var(--ease-out),background var(--t)}.switch.on{background:var(--glow);border-color:var(--glow)}.switch.on i{transform:translate(17px);background:#fff6f1}.switch:disabled{opacity:.5;cursor:default}.side{flex:1;min-height:0;display:flex;flex-direction:column}.seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:14px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.seg:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:10px;background:var(--seg-thumb);box-shadow:var(--seg-thumb-shadow);transform:translate(calc(var(--i, 0) * 100%));transition:transform .32s var(--ease-out)}.tab-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:10px;color:var(--dim);font-weight:600;font-size:13.5px;transition:color var(--t)}.tab-btn:hover,.tab-btn.active{color:var(--ink)}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(var(--fg-rgb),.1);color:var(--dim);font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.badge.hot{background:var(--glow);color:var(--glow-ink);animation:pop-in .3s var(--ease-out) both}.side-tabs{display:none}.tab-content{flex:1;min-height:0;display:flex;margin:0 10px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--glass);border:1px solid var(--line);border-bottom:none;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden}.panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.panel.hidden{display:none}.panel-head{display:flex;align-items:center;gap:8px;padding:14px 18px 6px}.panel-head h2{font-size:15px;font-weight:700;letter-spacing:-.01em}.panel-count{min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:rgba(var(--fg-rgb),.08);color:var(--dim);font-size:11.5px;font-weight:700;line-height:20px;text-align:center}.chat{flex:1;min-height:0;display:flex;flex-direction:column}.chat-list{flex:1;overflow-y:auto;padding:12px 14px 10px;display:flex;flex-direction:column}.chat-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:24px;color:var(--dim);font-size:13.5px;max-width:30ch}.chat-empty strong,.queue-list .empty strong{font-family:var(--display);font-size:17px;font-weight:700;color:var(--ink)}.chat-empty-art{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:28px;background:rgba(var(--glow-rgb),.1);border:1px solid rgba(var(--glow-rgb),.2);margin-bottom:6px}.chat-msg{display:flex;align-items:flex-end;gap:8px;max-width:88%;margin-top:12px}.chat-msg.cont{margin-top:3px}.chat-msg:last-child{animation:msg-in .28s var(--ease-out) both}@keyframes msg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.chat-msg.mine{align-self:flex-end}.chat-avatar{width:26px;flex:none}.chat-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.chat-msg.mine .chat-body{align-items:flex-end}.chat-head{display:flex;align-items:baseline;gap:8px;margin:0 6px 4px}.chat-name{font-size:12.5px;font-weight:700}.chat-at{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.chat-text{display:block;background:var(--raised);border:1px solid var(--line);padding:8px 13px;border-radius:18px;font-size:14.5px;line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}.chat-msg:not(.mine).cont .chat-text{border-top-left-radius:6px}.chat-msg:not(.mine).has-next .chat-text{border-bottom-left-radius:6px}.chat-msg.mine .chat-text{background:linear-gradient(180deg,rgba(var(--glow-rgb),.24),rgba(var(--rose-rgb),.17));border-color:rgba(var(--glow-rgb),.26);color:var(--mine-ink)}.chat-msg.mine.cont .chat-text{border-top-right-radius:6px}.chat-msg.mine.has-next .chat-text{border-bottom-right-radius:6px}.chat-text.big{font-size:32px;line-height:1.2;background:none!important;border:none;padding:0 2px}.chat-sys{align-self:center;margin:12px 0 2px;max-width:92%;text-align:center}.chat-sys span{display:inline-block;color:var(--faint);font-size:12px;font-weight:500;padding:3px 11px;border-radius:999px;background:rgba(var(--fg-rgb),.04)}.chat-sys+.chat-sys{margin-top:4px}.sys-more{display:inline-block;margin-right:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--dim);background:rgba(var(--fg-rgb),.07);transition:background var(--t),color var(--t)}.sys-more:hover{color:var(--ink);background:rgba(var(--fg-rgb),.12)}.chat-gif-link{display:block;max-width:100%}.chat-msg img.chat-gif{display:block;width:auto;height:auto;max-width:min(240px,100%);max-height:240px;border-radius:16px;border:1px solid var(--line)}.chat-msg img.chat-sticker{display:block;width:140px;height:140px;max-width:50vw;max-height:50vw;object-fit:contain}.chat-form{padding:10px 12px 12px;border-top:1px solid var(--line)}.composer{display:flex;align-items:center;gap:2px;padding:4px;border-radius:16px;background:var(--well);border:1px solid var(--line-strong);transition:border-color var(--t),box-shadow var(--t)}.composer:has(input:focus-visible){border-color:var(--glow-line);box-shadow:0 0 0 4px var(--glow-dim)}.composer input{flex:1;border:none;background:transparent;padding:8px 6px;box-shadow:none}.composer input:focus-visible{box-shadow:none}.send-btn{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--glow-grad);color:var(--glow-ink);transition:transform .16s var(--ease-out),background var(--t),color var(--t),opacity var(--t)}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{background:var(--raised-2);color:var(--faint);cursor:default}.picker-toggle.on{color:var(--glow);background:var(--glow-dim)}.chat-picker{height:310px;border-top:1px solid var(--line);display:flex;flex-direction:column;background:#0b080c73;animation:rise .26s var(--ease-out) both}.chat-picker-tabs{display:flex;gap:6px;padding:10px 10px 4px;align-items:center}.seg.mini{flex:1;padding:3px;border-radius:12px}.seg.mini:before{top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:9px}.seg.mini .tab-btn{padding:6px 8px;font-size:12.5px}.chat-picker-body{flex:1;min-height:0;overflow-y:auto;padding:2px 10px 0}.picker-search{display:flex;padding:6px 0 2px}.picker-search input{flex:1;padding:9px 12px;font-size:13.5px}.picker-section{display:block;margin:10px 2px 6px;font-size:12px;font-weight:600;color:var(--faint)}.picker-hint{color:var(--dim);font-size:13px;padding:16px 12px;text-align:center;line-height:1.5;margin:0}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.emoji-grid button{font-size:1.4rem;height:42px;border-radius:var(--r-sm);line-height:1;transition:background var(--t),transform .14s var(--ease-out)}.emoji-grid button:hover{background:var(--hover);transform:scale(1.15)}.emoji-cats{position:sticky;bottom:0;display:flex;gap:2px;padding:6px 0 8px;margin-top:8px;overflow-x:auto;border-top:1px solid var(--line);background:#130e15;scrollbar-width:none}.emoji-cats::-webkit-scrollbar{display:none}.emoji-cats button{font-size:1.1rem;padding:5px 9px;border-radius:var(--r-sm);opacity:.45;flex:none;filter:grayscale(.6);transition:opacity var(--t),background var(--t),filter var(--t)}.emoji-cats button:hover{opacity:.8}.emoji-cats button.active{opacity:1;filter:none;background:var(--hover)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:10px}.media-grid button{border-radius:var(--r-sm);overflow:hidden;background:var(--raised);transition:transform .14s var(--ease-out)}.media-grid button:hover{transform:scale(.97)}.media-grid img{display:block;width:100%;height:88px;object-fit:cover}.media-grid.stickers button{background:none}.media-grid.stickers button:hover{background:var(--hover)}.media-grid.stickers img{object-fit:contain;height:96px}.queue{flex:1;min-height:0;display:flex;flex-direction:column}.add-form{padding:14px 14px 4px}.add-field{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 13px;border-radius:16px;background:var(--well);border:1px solid var(--line-strong);color:var(--faint);transition:border-color var(--t),box-shadow var(--t)}.add-field:has(input:focus-visible){border-color:var(--glow-line);box-shadow:0 0 0 4px var(--glow-dim)}.add-field.has-error{border-color:rgba(var(--danger-rgb),.5)}.add-field input{flex:1;border:none;background:transparent;padding:8px 0}.add-field input:focus-visible{box-shadow:none}.add-field .btn{padding:8px 13px;border-radius:12px;min-width:96px}.form-error{color:#ffbcbc;font-size:13px;line-height:1.45;margin:8px 6px 0}.queue-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:2px 8px 12px;display:flex;flex-direction:column;gap:2px}.queue-list .empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:24px 22px 36px;color:var(--dim);font-size:13.5px;max-width:34ch}.empty-art{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:var(--glow);background:rgba(var(--glow-rgb),.1);border:1px solid rgba(var(--glow-rgb),.2);margin-bottom:6px}.queue-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-md);transition:background var(--t);animation:rise .32s var(--ease-out) both}.queue-item:hover{background:var(--hover)}.queue-item.current{background:var(--glow-dim)}.queue-index{width:16px;flex:none;text-align:center;font-family:var(--display);font-size:13px;font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums}.queue-thumb{width:98px;aspect-ratio:16 / 9;flex:none;border-radius:var(--r-sm);overflow:hidden;background:var(--raised);box-shadow:0 0 0 1px var(--line)}.queue-thumb img{display:block;width:100%;height:100%;object-fit:cover}.queue-thumb .file,.yts-thumb .file{width:100%;height:100%;display:grid;place-items:center;color:var(--glow);background:radial-gradient(80% 100% at 50% 120%,rgba(var(--glow-rgb),.28),transparent 70%),linear-gradient(160deg,#2c2033,#1a131d)}.queue-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.queue-title{font-size:13.5px;font-weight:600;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.queue-by{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-actions{display:flex;flex-direction:column;gap:0;opacity:0;transition:opacity var(--t)}.queue-actions .icon-btn{width:32px;height:30px}.queue-item:hover .queue-actions,.queue-actions:focus-within{opacity:1}@media(hover:none){.queue-actions{opacity:1}}.people{flex:1;min-height:0;display:flex;flex-direction:column}.people-list{overflow-y:auto;list-style:none;margin:0;padding:4px 8px 8px;display:flex;flex-direction:column;gap:2px}.people-list li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-md);font-size:14.5px;animation:rise .32s var(--ease-out) both;transition:background var(--t)}.people-list li:hover{background:var(--hover)}.people-name{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{padding:2px 9px;border-radius:999px;background:var(--glow-dim);color:var(--glow-hi);font-size:11.5px;font-weight:700}.here{width:8px;height:8px;margin-right:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(var(--mint-rgb),.14)}.invite-card{margin:8px 16px;padding:16px;border-radius:16px;border:1px dashed rgba(var(--glow-rgb),.3);background:rgba(var(--glow-rgb),.05)}.invite-card p{margin:0 0 12px;color:var(--dim);font-size:13.5px;line-height:1.5}.invite-card b{font-family:var(--display);color:var(--glow-hi);letter-spacing:.1em}.rename-form{margin-top:auto;padding:14px 16px 16px;border-top:1px solid var(--line)}.input-row{display:flex;gap:8px}.input-row input{flex:1}.tabbar{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:rgba(var(--ground-rgb),.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:4px 6px env(safe-area-inset-bottom)}.tabbar:before{content:"";position:absolute;top:-1px;left:calc(6px + (100% - 12px) / 6 + var(--i, 0) * (100% - 12px) / 3);width:28px;height:2px;margin-left:-14px;border-radius:0 0 2px 2px;background:var(--glow);box-shadow:0 0 12px var(--glow);transition:left .32s var(--ease-out)}.tabbar .tab-btn{flex-direction:column;gap:3px;padding:8px 6px 7px;font-size:11px}.tabbar .tab-btn.active{color:var(--glow-hi)}.tabbar .badge{position:absolute;top:3px;left:calc(50% + 6px);height:16px;min-width:16px;line-height:16px;font-size:10px;padding:0 4px}.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--pop-bg);border:1px solid var(--line-strong);color:var(--ink);padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-pop);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:50;width:max-content;max-width:88vw;text-align:center;animation:toast-in .32s var(--ease-out) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px) scale(.96)}}.chat-list,.queue-list,.people-list,.chat-picker-body{scrollbar-width:thin;scrollbar-color:var(--raised-2) transparent}.chat-list::-webkit-scrollbar,.queue-list::-webkit-scrollbar,.people-list::-webkit-scrollbar,.chat-picker-body::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-thumb,.queue-list::-webkit-scrollbar-thumb,.people-list::-webkit-scrollbar-thumb,.chat-picker-body::-webkit-scrollbar-thumb{background:var(--raised-2);border-radius:4px}@media(min-width:940px),(orientation:landscape)and (min-width:520px){.room-body{flex-direction:row}.stage{flex:1;align-items:center;padding:20px 24px;overflow:hidden}.player{width:min(100%,calc((100dvh - 300px) * 16 / 9))}.player-frame{max-height:none}.side{width:400px;flex:none;gap:10px;padding:16px 16px 16px 0}.side-tabs{display:grid}.tab-content{margin:0;border-radius:var(--r-lg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-float)}.tabbar{display:none}.toast{bottom:28px}}@media(orientation:landscape)and (min-width:520px)and (max-width:939.98px){.topbar{min-height:50px;padding:6px 12px}.stage{padding:10px 12px}.side{width:min(44vw,340px);padding:10px 10px 10px 0}.player{width:min(100%,calc((100dvh - 190px) * 16 / 9))}.controls{margin-top:8px;padding:5px 6px}.play-btn{width:36px;height:36px}.now-playing{display:none}.brand .wordmark,.live-chip span:not(.eq){display:none}}@media(max-width:939.98px)and (orientation:portrait),(max-width:519.98px){.now-playing{margin:10px 0 0;padding:0 4px}.np-source{display:none}.np-title{font-size:16px;-webkit-line-clamp:1}}@media(max-width:640px){.topbar{gap:8px;padding:8px 10px;min-height:54px}.brand{display:none}.ticket{--stub: 26px}.ticket-stub{font-size:0;gap:0}.ticket-code{font-size:14px;padding:0 11px 0 10px}.live-chip{padding:0;width:32px;justify-content:center}.live-chip span:not(.eq){display:none}.invite{width:36px;height:36px;padding:0}.invite span{display:none}.couch .avatar{width:28px;height:28px;font-size:10px}.vol{display:none}.controls{gap:6px;margin-top:10px;padding:5px 6px;border-radius:16px}.play-btn{width:38px;height:38px}.scrub{gap:8px}.time{min-width:0;font-size:12px}.player-frame{max-height:44dvh;border-radius:16px}.player-empty.idle p{display:none}.player-frame:has(.yt-search){aspect-ratio:auto;height:min(64dvh,540px);max-height:none}.yts-head{padding:14px 14px 10px}.yts-body{padding:2px 14px 14px}.yts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.yts-title{font-size:12.5px}.idle-mark{width:48px;height:48px;border-radius:16px}.stage{padding:10px 10px 4px}}@media(max-width:400px){.add-field .btn{min-width:0;padding:8px 11px}.add-field .btn span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@container (max-width: 520px){.yts-head h2{display:none}.yts-head{padding:12px 12px 8px}.yts-body{padding:0 12px 12px}.yts-grid{grid-template-columns:1fr;gap:6px}.yts-main{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr;column-gap:10px;row-gap:2px;padding:4px}.yts-thumb{grid-row:1 / span 2;margin:0;border-radius:9px}.yts-title{font-size:12.5px}.yts-meta{padding-right:62px}.yts-play{display:none}.yts-queue{top:auto;bottom:6px;right:4px;opacity:1;padding:3px 8px 3px 6px;font-size:11px}.yts-card.skeleton{flex-direction:row}.yts-card.skeleton .yts-thumb{width:112px}}.couch .crown{right:auto;left:-4px;z-index:1}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:var(--scrim);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:scrim-in .24s ease both}.modal{width:min(400px,100%);padding:26px 24px 18px;border-radius:24px;background:radial-gradient(90% 60% at 50% -10%,rgba(var(--glow-rgb),.16),transparent 70%),var(--panel);border:1px solid var(--line-strong);box-shadow:0 40px 90px -20px #000000e6,0 0 0 1px #0006;animation:modal-in .38s var(--ease-out) both}.name-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.name-modal h2{font-family:var(--display);font-size:26px;font-weight:750;letter-spacing:-.02em;margin-top:4px}.name-modal p{margin:-4px 0 4px;font-size:14px;line-height:1.45;color:var(--dim)}.name-modal input{width:100%;text-align:center;font-size:17px;padding:13px 14px}.name-modal .btn.big{width:100%}.name-couch{display:flex;justify-content:center;padding-left:8px}.name-couch .avatar{margin-left:-8px;box-shadow:0 0 0 3px var(--panel)}.name-couch .avatar.me{transform:scale(1.12);box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--glow);transition:background .24s ease}.name-couch .avatar.empty{background:var(--raised-2);color:var(--faint)}.modal-skip{padding:8px 12px;border-radius:10px;font-size:13px;color:var(--faint);transition:color var(--t)}.modal-skip:hover{color:var(--ink)}@keyframes scrim-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}.seg.lang-switch,.seg.theme-switch{flex:none;grid-template-columns:repeat(2,1fr);width:92px}.seg.theme-switch{width:76px}.seg.lang-switch:before,.seg.theme-switch:before{width:calc((100% - 6px)/2)}.seg.lang-switch .tab-btn,.seg.theme-switch .tab-btn{padding:5px 8px;font-size:12px;letter-spacing:.04em}.seg.theme-switch .tab-btn{min-height:26px}.landing-lang{margin-left:auto}.lang-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--dim)}.pref{display:inline-flex;align-items:center;gap:9px}[data-theme=light] .screen{background:linear-gradient(180deg,#fffdfb,#f6eee8);box-shadow:inset 0 1px #ffffffe6,0 2px 6px -2px #542c241a,0 40px 70px -34px #542c246b,0 0 90px -40px #d66e4666}[data-theme=light] .phone-notch{background:#4a263029}[data-theme=light] .phone-chat .them{background:var(--raised)}[data-theme=light] .phone-chat .me{color:var(--ink)}[data-theme=light] .scene-track i:after{background:#fff;box-shadow:0 0 0 3px rgba(var(--glow-rgb),.25),var(--shadow-knob)}[data-theme=light] .scene-sync{background:#fffbf8e6;box-shadow:var(--shadow-pop)}[data-theme=light] .landing-glow{background:radial-gradient(38% 46% at 76% 46%,rgba(var(--rose-rgb),.12),transparent 70%),radial-gradient(42% 50% at 68% 62%,rgba(var(--glow-rgb),.14),transparent 72%),radial-gradient(55% 45% at 8% 0%,rgba(255,214,170,.55),transparent 70%)}[data-theme=light] .ambient-base{background:radial-gradient(50% 45% at 32% 30%,rgba(var(--rose-rgb),.08),transparent 70%),radial-gradient(45% 45% at 42% 62%,rgba(var(--glow-rgb),.08),transparent 70%),radial-gradient(45% 50% at 100% 0%,rgba(255,214,170,.5),transparent 70%)}[data-theme=light] .ambient-screen{opacity:.22;filter:blur(90px) saturate(1.5)}[data-theme=light] .ambient.live .ambient-screen{opacity:.32}[data-theme=light] .ticket{background:linear-gradient(180deg,#fffdfb,#f7efe9)}[data-theme=light] .live-chip.offline,[data-theme=light] .form-error{color:var(--danger)}[data-theme=light] .player-frame,[data-theme=light] .player:fullscreen{color:var(--ink)}[data-theme=light] .player-frame{border-color:#2a161ce6;box-shadow:0 2px 4px -1px #542c2424,0 30px 70px -28px #542c2480}[data-theme=light] .room.is-live .player-frame{box-shadow:0 2px 4px -1px #542c2424,0 30px 70px -28px #542c2480,0 0 140px -40px #d66e4673}[data-theme=light] .player:fullscreen .player-frame{border:0;box-shadow:none}[data-theme=light] .chat-picker{background:rgba(var(--fg-rgb),.03)}[data-theme=light] .emoji-cats{background:#f6efea}[data-theme=light] .queue-thumb .file,[data-theme=light] .yts-thumb .file{background:radial-gradient(80% 100% at 50% 120%,rgba(var(--glow-rgb),.24),transparent 70%),linear-gradient(160deg,#fbf3ed,#efe2d9)}[data-theme=light] .modal{box-shadow:0 2px 6px -2px #542c241f,0 40px 90px -28px #542c2473}[data-theme=light] .btn.primary:disabled{color:var(--dim)}[data-theme=light] ::selection{background:rgba(var(--glow-rgb),.22)}