:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);color:#f8f6fb;background:#0a0910;font-synthesis:none;--ink: #f8f6fb;--muted: #9d99aa;--panel: #14121c;--panel-2: #1a1724;--line: rgba(255, 255, 255, .09);--purple: #8b5cf6;--purple-bright: #a877ff;--yellow: #f5ce55}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#494052 #0a0910}@media(pointer:fine){html{scrollbar-gutter:stable}html::-webkit-scrollbar{width:11px}html::-webkit-scrollbar-track{background:#0a0910}html::-webkit-scrollbar-thumb{min-height:44px;border:3px solid #0a0910;border-radius:999px;background:#494052;background-clip:padding-box}html::-webkit-scrollbar-thumb:hover{background:#705494;background-clip:padding-box}}body{margin:0;min-width:320px;min-height:100vh;background:#0a0910}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:11px;color:#f8f4e9;font:800 20px/1 var(--font-display)}.brand-mark{width:36px;height:36px;flex:0 0 auto;display:block;overflow:visible;filter:drop-shadow(0 8px 15px rgba(80,45,85,.26))}.brand-mark-field{fill:#502d55}.brand-mark-sheen{fill:#935073;opacity:.25}.brand-mark-wave{fill:none;stroke:#f6dbc0;stroke-width:2.8;stroke-linecap:round}.brand-mark-wave-inner{stroke-width:2.6}.brand-mark-core-halo{fill:#e9c45a;opacity:.16}.brand-mark-core{fill:#e9c45a}.brand-wordmark{color:#f8f4e9;letter-spacing:-.055em}.brand-wordmark-signal{position:relative;color:#f8f4e9}.brand-wordmark-signal:after{content:"";position:absolute;width:3px;height:3px;left:50%;top:.24em;border-radius:50%;background:#e9c45a;transform:translate(-50%)}.brand:hover .brand-mark-sheen{opacity:.38}.brand:hover .brand-wordmark{color:#fffaf2}.brand-compact{gap:8px;font-size:15px}.brand-compact .brand-mark{width:28px;height:28px}.primary{border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#8d5df6,#7143db);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 21px;font-weight:700;box-shadow:0 14px 35px #6e41dc40;transition:.2s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 17px 40px #6e41dc61}.primary:disabled{opacity:.55;transform:none}.secondary,.icon-button,.text-button{color:var(--ink);background:transparent;border:0}.secondary{height:40px;border:1px solid var(--line);border-radius:11px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;font-weight:600;background:#ffffff09}.secondary:hover,.icon-button:hover{background:#ffffff14}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.icon-button svg{width:19px}.text-button{font-weight:600;color:#c5c0cf}.landing{overflow:hidden;background:radial-gradient(circle at 77% 22%,rgba(113,67,219,.13),transparent 28%),#0a0910}.landing-nav{height:82px;max-width:1200px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between}.hero{max-width:1200px;min-height:640px;margin:auto;padding:72px 28px 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(168,119,255,.25);background:#8b5cf617;border-radius:999px;color:#c6a9ff;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hero h1{margin:25px 0 24px;font:800 clamp(48px,6vw,76px)/1.02 var(--font-display);letter-spacing:-4px}.hero h1 em{color:var(--yellow);font-style:normal}.hero-copy>p{max-width:545px;margin:0 0 32px;color:#aaa5b4;font-size:18px;line-height:1.7}.hero-action{min-height:54px;padding:0 25px}.trust-row{display:flex;gap:24px;margin-top:23px;color:#777280;font-size:12px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-signal{width:13px;height:13px;color:var(--purple-bright);stroke-width:2.2}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%}.orb-one{width:390px;height:390px;background:#6d40d729;border:1px solid rgba(168,119,255,.12)}.orb-two{width:475px;height:475px;border:1px solid rgba(168,119,255,.07)}.mock-player-motion{position:relative;z-index:2;animation:mock-float 6.5s ease-in-out 1s infinite}.mock-player{position:relative;width:330px;padding:20px 22px 23px;border:1px solid rgba(255,255,255,.11);border-radius:27px;background:linear-gradient(145deg,#1f1b2bf5,#110f18f5);box-shadow:0 35px 90px #0000007a;transform:rotate(2deg);animation:hero-card-in .8s cubic-bezier(.2,.75,.2,1) .18s both}.mock-top{display:flex;align-items:center;justify-content:space-between;color:#908a9b;font-size:9px;font-weight:800;letter-spacing:.13em}.avatar-stack{display:flex;align-items:center}.avatar-stack i{width:26px;height:26px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-style:normal;background:#262132;border:2px solid #15121d}.avatar-stack i:first-child{margin-left:0}.avatar-stack i:last-child{color:#b4adbe;font-size:9px}.mock-cover{height:240px;margin:17px 0;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 25% 10%,#8b5cf6 0,#32204d 31%,#14101d 70%)}.vinyl{width:175px;height:175px;border-radius:50%;background:repeating-radial-gradient(circle,#16131c 0,#16131c 7px,#25212d 8px,#131019 10px);display:grid;place-items:center;box-shadow:15px 15px 40px #0a0810;animation:spin 9s linear infinite}.vinyl div{width:58px;height:58px;border-radius:50%;background:var(--yellow);border:4px solid #24202a}@keyframes spin{to{transform:rotate(360deg)}}.mock-song{display:flex;flex-direction:column;gap:3px}.mock-song strong{font:700 16px var(--font-display)}.mock-song span{color:#8c8797;font-size:12px}.mock-wave{height:43px;margin:8px 0 0;display:flex;align-items:center;gap:3px;overflow:hidden}.mock-wave i{display:block;flex:1;border-radius:5px;background:#7d4ae7;opacity:.75;transform-origin:center;animation:wave-breathe 1.25s ease-in-out infinite alternate}.mock-wave i:nth-child(n+19){background:#3c354b;animation:none;transform:scaleY(.72)}.mock-time{display:flex;justify-content:space-between;color:#716c79;font-size:9px}.floating-pill{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#1d1927ed;box-shadow:0 15px 35px #00000059;font-size:12px;font-weight:700}.pill-one{left:2%;top:32%;animation:pill-one-in .65s cubic-bezier(.2,.8,.2,1) .6s both,pill-one-drift 5.4s ease-in-out 1.3s infinite}.pill-two{right:0;bottom:22%;color:#cbc4d4;animation:pill-two-in .65s cubic-bezier(.2,.8,.2,1) .75s both,pill-two-drift 6s ease-in-out 1.45s infinite}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(18px)}}@keyframes hero-card-in{0%{opacity:0;transform:translateY(24px) scale(.97) rotate(2deg)}}@keyframes mock-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}@keyframes wave-breathe{0%{transform:scaleY(.42)}to{transform:scaleY(1)}}@keyframes pill-one-in{0%{opacity:0;transform:translate3d(-18px,8px,0) rotate(-11deg) scale(.94)}to{opacity:1;transform:translateZ(0) rotate(-7deg) scale(1)}}@keyframes pill-two-in{0%{opacity:0;transform:translate3d(18px,8px,0) rotate(10deg) scale(.94)}to{opacity:1;transform:translateZ(0) rotate(6deg) scale(1)}}@keyframes pill-one-drift{0%,to{transform:translateZ(0) rotate(-7deg)}50%{transform:translate3d(0,-5px,0) rotate(-5deg)}}@keyframes pill-two-drift{0%,to{transform:translateZ(0) rotate(6deg)}50%{transform:translate3d(0,5px,0) rotate(4deg)}}.landing-nav{animation:hero-copy-in .55s cubic-bezier(.2,.75,.2,1) both}.hero-copy>*{animation:hero-copy-in .65s cubic-bezier(.2,.75,.2,1) both}.hero-copy>:nth-child(1){animation-delay:.08s}.hero-copy>:nth-child(2){animation-delay:.16s}.hero-copy>:nth-child(3){animation-delay:.24s}.hero-copy>:nth-child(4){animation-delay:.32s}.hero-copy>:nth-child(5){animation-delay:.4s}.orb-one{animation:orb-in .9s ease .18s both,orb-breathe 8s ease-in-out 1.1s infinite}.orb-two{animation:orb-in 1s ease .28s both,orb-breathe 10s ease-in-out 1.2s infinite reverse}@keyframes orb-in{0%{opacity:0;transform:scale(.86)}}@keyframes orb-breathe{0%,to{transform:scale(1);opacity:.82}50%{transform:scale(1.025);opacity:1}}@media(prefers-reduced-motion:reduce),(update:slow){html{scroll-behavior:auto}.landing-nav,.hero-copy>*,.mock-player,.mock-player-motion,.floating-pill,.orb,.vinyl,.mock-wave i{animation:none!important}.pill-one{transform:rotate(-7deg)}.pill-two{transform:rotate(6deg)}}.start-section{padding:80px 28px 100px;background:#0d0b13;border-top:1px solid rgba(255,255,255,.04)}.benefits{max-width:1050px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.benefits>div>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--yellow);background:#f5ce5517}.benefits svg{width:20px}.benefits h3{margin:18px 0 7px;font:700 17px var(--font-display)}.benefits p{margin:0;color:#817c89;line-height:1.55;font-size:14px}.room-card{width:min(100%,510px);margin:auto;padding:29px;border:1px solid var(--line);border-radius:22px;background:#15121d;box-shadow:0 30px 70px #0000003d}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:25px;border-radius:12px;background:#0d0b13}.mode-switch button{min-height:40px;border:0;border-radius:9px;color:#777281;background:transparent;font-weight:700}.mode-switch button.active{color:#fff;background:#292333;box-shadow:0 3px 12px #00000038}.room-card label{display:flex;flex-direction:column;gap:8px;margin:17px 0;color:#aaa4b3;font-size:12px;font-weight:700}.room-card input{height:48px;padding:0 14px;border:1px solid var(--line);outline:none;border-radius:11px;color:#fff;background:#0e0c14;transition:.2s}.room-card input:focus{border-color:#a877ffa6;box-shadow:0 0 0 3px #8b5cf61f}.room-card .code-input{text-transform:uppercase;letter-spacing:.2em;font-weight:800}.wide{width:100%;margin-top:7px}.form-error{margin:8px 0;color:#ff8f9d;font-size:13px}.recent-rooms{margin-top:22px;padding-top:17px;display:grid;gap:6px;border-top:1px solid var(--line)}.recent-rooms>span{margin-bottom:2px;color:#77717f;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.recent-rooms>a{min-height:42px;padding:5px 8px;display:grid;grid-template-columns:29px 1fr auto 18px;align-items:center;gap:8px;border-radius:9px;color:#aaa4b1}.recent-rooms>a:hover{color:#fff;background:#211c28}.recent-rooms i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--purple-bright);background:#8b5cf61a}.recent-rooms i svg,.recent-rooms>a>svg{width:13px}.recent-rooms strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.recent-rooms small{color:#68616f;font-size:8px;letter-spacing:.08em}.landing footer{max-width:1200px;height:100px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#625e68;font-size:12px;border-top:1px solid rgba(255,255,255,.05)}.landing footer .brand{color:#9e98a7}.landing footer nav,.public-page footer nav{display:flex;gap:18px}.landing footer nav a,.public-page footer nav a{transition:color .2s ease}.landing footer nav a:hover,.public-page footer nav a:hover{color:#d9d4df}.public-page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 72% 14%,rgba(113,67,219,.18),transparent 28%),#0a0910}.public-nav-links{display:flex;align-items:center;gap:24px;color:#aaa4b1;font-size:14px;font-weight:600}.public-nav-links a:hover{color:#fff}.public-hero{max-width:930px;margin:auto;padding:105px 28px 90px;text-align:center}.public-hero>span{color:#c6a9ff;font-size:12px;font-weight:800;letter-spacing:.14em}.public-hero h1{max-width:860px;margin:22px auto;font-size:clamp(44px,7vw,76px);line-height:1.02;letter-spacing:-.055em}.public-hero p{max-width:720px;margin:0 auto 32px;color:#aaa4b1;font-size:19px;line-height:1.7}.public-hero .primary{min-width:170px}.public-content{max-width:1000px;margin:0 auto;padding:0 28px 110px;display:grid;gap:18px}.public-content article{padding:31px;display:grid;grid-template-columns:50px 1fr;gap:22px;border:1px solid var(--line);border-radius:20px;background:#14121cc2;box-shadow:0 24px 70px #0000002e}.public-section-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:#c6a9ff;background:#8b5cf621}.public-section-icon svg{width:22px}.public-content h2{margin:2px 0 10px;font-size:24px}.public-content p{margin:0;color:#aaa4b1;line-height:1.75}.public-content ul{margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none}.public-content li{display:flex;align-items:center;gap:8px;color:#d5d0dc;font-size:14px}.public-content li svg{width:15px;color:#74dba3}.public-page footer{min-height:100px;max-width:1200px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#716c78;font-size:12px;border-top:1px solid var(--line)}.queue-item.pending{opacity:.7}.queue-item.pending .queue-thumb>svg{animation:record-spin 1.2s linear infinite}.room-shell{min-height:100vh;padding-bottom:0;background:radial-gradient(circle at 20% 40%,rgba(109,64,215,.055),transparent 27%),#0b0a10}.room-nav{height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b0a10e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.room-nav-actions,.listeners{display:flex;align-items:center;gap:13px}.listeners>span{color:#8e8997;font-size:12px}.sync-pill{height:30px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1px solid rgba(102,212,151,.15);border-radius:20px;color:#75dba2;background:#66d4970f;font-size:8px}.sync-pill svg{width:12px}.sync-pill:disabled{cursor:default;opacity:1}.sync-pill.waiting{color:#d5a46f;border-color:#d5a46f33;background:#d5a46f12}.sync-pill.correcting{color:#bd9aff;border-color:#a877ff33;background:#8b5cf614}.room-title-mobile{display:none}.room-content{min-height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(490px,1fr) minmax(370px,440px)}.listening-pane{padding:28px clamp(26px,4vw,66px) 42px;min-width:0}.room-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.room-heading>a{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#817b8c;background:#14121b}.room-heading svg{width:18px}.room-heading h1{margin:4px 0 0;font:700 23px var(--font-display);letter-spacing:-.5px}.live-label{display:flex;align-items:center;color:#777180;font-size:9px;font-weight:800;letter-spacing:.11em}.live-label svg{width:12px;height:12px;margin-right:6px;color:var(--yellow);stroke-width:2.2}.now-card{position:relative;width:min(100%,680px);margin:0 auto;padding:14px 14px 18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#17141f,#111018);box-shadow:0 24px 70px #00000040}.video-stage{position:relative;aspect-ratio:16/8.6;overflow:hidden;border-radius:14px;background:radial-gradient(circle,#392054,#15101e 65%)}.youtube-player,.youtube-player iframe{width:100%;height:100%;border:0}.youtube-player.is-empty{visibility:hidden;opacity:0}.audio-unlock{position:absolute;z-index:7;left:50%;bottom:22px;min-height:40px;padding:0 15px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#151019;background:var(--yellow);box-shadow:0 12px 34px #00000075;transform:translate(-50%);font-size:11px;font-weight:800;white-space:nowrap;animation:rise-in .25s ease both}.audio-unlock svg{width:16px}.stage-vignette{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -70px 80px #05040880}.source-badge{position:absolute;left:12px;bottom:10px;padding:5px 7px;border-radius:5px;color:#ffffffbf;background:#00000085;font-size:8px;font-weight:800;letter-spacing:.08em}.empty-record{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7f768b}.empty-record svg{width:44px;height:44px}.track-info{padding:16px 5px 8px;display:flex;align-items:center;justify-content:space-between}.track-info>div{min-width:0}.track-info-actions{display:flex;align-items:center}.track-info .now-label{color:#8c5df0;font-size:8px;font-weight:800;letter-spacing:.13em}.track-info h2{margin:4px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 19px var(--font-display);letter-spacing:-.3px}.track-info p{margin:0;color:#8e8898;font-size:12px}.progress-wrap{padding:2px 5px}input[type=range]{--progress: 0%;width:100%;height:3px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;outline:0;background:linear-gradient(to right,var(--purple-bright) var(--progress),#37323e var(--progress))}input[type=range]::-webkit-slider-thumb{width:10px;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid white;border-radius:50%;background:var(--purple);opacity:0;transition:.2s}input[type=range]:hover::-webkit-slider-thumb{opacity:1}.progress-wrap>div{display:flex;justify-content:space-between;margin-top:6px;color:#6f6a75;font-size:9px}.main-controls{height:61px;display:flex;align-items:center;justify-content:center;gap:27px}.main-controls button{border:0;color:#fff;background:transparent}.control-small{width:35px;height:35px;opacity:.82}.control-small svg{width:19px}.control-small:disabled{opacity:.2}.play-button{width:49px;height:49px;display:grid;place-items:center;border-radius:50%!important;color:#17111e!important;background:#fff!important;box-shadow:0 7px 20px #ffffff21}.play-button svg{width:21px}.play-button:disabled{opacity:.4}.volume-row{position:absolute;right:23px;bottom:33px;width:92px;display:flex;align-items:center;gap:8px;color:#77717f}.volume-row input{width:65px}.add-bar{width:min(100%,680px);height:58px;margin:16px auto 0;padding:7px 7px 7px 16px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:#14121b}.search-bar-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.search-bar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.provider-icon{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;color:#fff;background:#f04444;font-size:9px}.add-bar input{flex:1;min-width:0;border:0;outline:none;color:#fff;background:transparent;font-size:12px}.add-bar input::placeholder{color:#686371}.add-bar select{height:32px;padding:0 6px;border:1px solid var(--line);outline:0;border-radius:8px;color:#a9a2b0;background:#201b27;font-size:9px}.add-bar button{height:42px;padding:0 14px;border:0;border-radius:10px;color:#fff;background:#7e4de7;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.add-bar button:disabled{opacity:.5}.inline-error{width:min(100%,680px);margin:9px auto 0;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;border-radius:9px;color:#ff9aa6;background:#ff4b5f14;font-size:11px}.inline-error button{color:inherit;border:0;background:none}.quick-reactions{margin:17px auto 0;display:flex;align-items:center;justify-content:center;gap:6px;color:#625d69;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.quick-reactions button{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#14121b;transition:.2s}.quick-reactions button:hover{transform:translateY(-3px);border-color:#a877ff4d}.quick-reactions button:disabled{opacity:.28;transform:none}.quick-reactions button.pop{animation:pop .4s ease}@keyframes pop{50%{transform:scale(1.5) rotate(8deg)}}.moment-burst-layer{position:absolute;z-index:3;pointer-events:none;top:0;right:0;bottom:0;left:0;overflow:hidden}.moment-burst-layer>span{position:absolute;left:var(--burst-x);bottom:12%;display:flex;flex-direction:column;align-items:center;animation:moment-float 2.6s ease forwards}.moment-burst-layer b{font-size:31px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.moment-burst-layer small{margin-top:2px;padding:3px 6px;border-radius:8px;color:#fff;background:#0a080fb8;font-size:8px}@keyframes moment-float{0%{opacity:0;transform:translateY(20px) scale(.6)}18%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-125px) rotate(7deg)}}.moment-strip{width:min(100%,680px);margin:10px auto 0;display:flex;align-items:center;justify-content:center;gap:6px}.moment-strip>span{display:flex;align-items:center;gap:5px;margin-right:4px;color:#817a89;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.moment-strip>span svg{width:12px}.moment-strip button{height:27px;padding:0 7px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:9px;color:#fff;background:#14121b}.moment-strip button:hover{border-color:#a877ff66}.moment-strip small{color:#817a89;font-size:8px}.queue-pane{min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#0e0d13}.queue-header{padding:29px 24px 18px;display:flex;align-items:center;justify-content:space-between}.queue-header span{color:#77717e;font-size:8px;font-weight:800;letter-spacing:.13em}.queue-header h2{margin:5px 0 0;font:700 18px var(--font-display)}.queue-header h2 small{margin-left:5px;padding:3px 7px;border-radius:20px;color:#9d7ae9;background:#8b5cf61c;font-size:9px;vertical-align:2px}.autopilot-banner{margin:-2px 24px 13px;padding:10px 11px;display:grid;grid-template-columns:25px minmax(0,1fr) 20px;align-items:center;gap:8px;border:1px solid rgba(168,119,255,.18);border-radius:10px;color:#b995ff;background:#8b5cf612}.autopilot-banner>svg{width:17px}.autopilot-banner div{min-width:0;display:flex;flex-direction:column;gap:2px}.autopilot-banner strong{color:#d7c5ff;font-size:10px}.autopilot-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#756d82;font-size:8px}.autopilot-banner button{padding:0;border:0;color:#706879;background:none}.autopilot-banner button svg{width:13px}.queue-search{height:37px;margin:0 24px 13px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.06);border-radius:9px;color:#655f6e;background:#15131b}.queue-search input{width:100%;border:0;outline:0;color:#fff;background:transparent;font-size:11px}.queue-list{flex:1;min-height:0;overflow-y:auto;padding:0 12px 10px;scrollbar-width:thin;scrollbar-color:#302a39 transparent}.queue-item{position:relative;min-height:76px;padding:10px 8px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid transparent;border-radius:11px;transition:.18s}.queue-item:hover{background:#15131b}.queue-item.active{border-color:#8b5cf633;background:#8b5cf613}.queue-thumb{position:relative;width:52px;height:52px;padding:0;overflow:hidden;border:0;border-radius:8px;background:#251f2f}.queue-thumb img{width:100%;height:100%;object-fit:cover}.queue-thumb>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#00000052;opacity:0}.queue-item:hover .queue-thumb>span,.queue-item.active .queue-thumb>span{opacity:1}.queue-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.queue-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.queue-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#888290;font-size:10px}.queue-meta small{margin-top:3px;color:#5f5a65;font-size:8px}.queue-item.active .queue-meta strong{color:#b894ff}.queue-actions{display:flex;flex-direction:column;opacity:0}.queue-item:hover .queue-actions{opacity:1}.queue-actions button{min-width:25px;height:19px;padding:0 3px;display:flex;align-items:center;justify-content:center;gap:2px;border:0;border-radius:4px;color:#817a89;background:transparent;font-size:8px}.queue-actions button:hover{color:#fff;background:#2d2735}.queue-actions button:disabled{opacity:.15}.queue-actions button.voted:disabled{color:#b894ff;opacity:1}.equalizer{height:16px;display:flex;align-items:end;gap:2px}.equalizer b{width:2px;background:#b28cff;animation:eq .7s ease infinite alternate}.equalizer b:nth-child(1){height:7px}.equalizer b:nth-child(2){height:15px;animation-delay:-.3s}.equalizer b:nth-child(3){height:10px;animation-delay:-.5s}@keyframes eq{to{height:3px}}.queue-empty{height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#5e5965;text-align:center}.queue-empty svg{width:35px;height:35px;margin-bottom:5px}.queue-empty strong{color:#918b98;font-size:13px}.queue-empty span{font-size:10px}.queue-footer{height:48px;padding:0 24px;display:flex;align-items:center;gap:7px;color:#625d68;border-top:1px solid rgba(255,255,255,.055);font-size:9px}.action-menu{position:absolute;z-index:50;top:calc(100% + 8px);right:0;width:205px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#1a1721;box-shadow:0 18px 50px #00000085;animation:menu-in .13s ease}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}}.action-menu button{width:100%;min-height:38px;padding:0 10px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;color:#bbb4c3;background:transparent;font-size:11px;text-align:left}.action-menu button:hover{color:#fff;background:#292431}.action-menu button svg{width:15px}.action-menu button:last-child{color:#db94a1}.queue-menu button:last-child{color:#db94a1}.toggle{width:27px;height:15px;margin-left:auto;border-radius:20px;background:#3a3441;position:relative}.toggle:after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#88808f;transition:.18s}.toggle.on{background:#7143cf}.toggle.on:after{left:14px;background:#fff}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;padding:22px;display:grid;place-items:center;background:#040307c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}}.feature-modal{width:min(100%,520px);max-height:calc(100vh - 44px);overflow-y:auto;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(150deg,#1b1724,#100e16);box-shadow:0 35px 100px #0000009e}.feature-modal>header{display:grid;grid-template-columns:38px 1fr 36px;align-items:center;gap:10px}.feature-modal>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#c3a5ff;background:#8b5cf621}.feature-modal>header>span svg{width:19px}.feature-modal h2{margin:0;font:700 19px var(--font-display)}.feature-modal header button svg{width:17px}.dna-hero{margin:22px 0 19px;padding:24px;border:1px solid rgba(168,119,255,.14);border-radius:17px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.2),transparent 70%)}.dna-hero span{color:#9270dc;font-size:8px;font-weight:800;letter-spacing:.16em}.dna-hero strong{display:block;margin:7px 0 5px;font:800 27px var(--font-display);letter-spacing:-.8px}.dna-hero p{margin:0;color:#77707f;font-size:10px}.dna-bars{display:grid;gap:11px}.dna-bars>div>span{display:flex;justify-content:space-between;margin-bottom:5px;color:#918998;font-size:9px}.dna-bars b{color:#c8bfce}.dna-bars i{height:6px;display:block;overflow:hidden;border-radius:10px;background:#292431}.dna-bars em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#7344db,#d2a6ff)}.dna-stats{margin:19px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dna-stats>div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:11px;background:#131019}.dna-stats span{display:block;margin-bottom:5px;color:#68616f;font-size:8px;text-transform:uppercase}.dna-stats strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.modal-action{width:100%;min-height:44px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px}.modal-action svg{width:16px}.fair-explainer{margin-top:22px;display:grid;gap:10px}.fair-explainer>div{padding:14px;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;background:#131019}.fair-explainer>div>b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#bd9aff;background:#8b5cf61f;font-size:11px}.fair-explainer span{color:#746d7b;font-size:10px;line-height:1.45}.fair-explainer strong{display:block;margin-bottom:2px;color:#d0c9d5;font-size:11px}.theme-sunset{--purple: #ef6f72;--purple-bright: #ff9b6f}.theme-ocean{--purple: #248fcf;--purple-bright: #58c4e8}.theme-mono{--purple: #87838d;--purple-bright: #cbc7d0}.theme-sunset.room-shell{background:radial-gradient(circle at 20% 40%,rgba(239,111,114,.08),transparent 28%),#0b0a10}.theme-ocean.room-shell{background:radial-gradient(circle at 20% 40%,rgba(36,143,207,.09),transparent 28%),#080c11}.theme-mono.room-shell{background:radial-gradient(circle at 20% 40%,rgba(180,180,190,.05),transparent 28%),#0b0b0d}.party-mode-banner{width:min(100%,680px);margin:-7px auto 14px;padding:10px 12px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--purple) 25%,transparent);border-radius:11px;color:var(--purple-bright);background:color-mix(in srgb,var(--purple) 8%,transparent)}.party-mode-banner>svg{width:17px}.party-mode-banner div{display:flex;flex-direction:column;gap:2px}.party-mode-banner strong{font-size:10px}.party-mode-banner span{color:#77717f;font-size:8px}.party-mode-banner button{padding:5px 8px;border:0;border-radius:7px;color:#fff;background:color-mix(in srgb,var(--purple) 35%,#17131e);font-size:8px}.queue-thumb.blind{display:grid;place-items:center;color:#8b8294;background:repeating-linear-gradient(135deg,#201b29,#201b29 6px,#18151f 6px,#18151f 12px)}.queue-thumb.blind>svg{width:19px}.modal-intro{margin:13px 0 17px;color:#77717f;font-size:11px;line-height:1.5}.permission-note{margin:13px 0 0;color:#8f8797;font-size:10px;text-align:center}.party-grid{display:grid;gap:8px}.party-grid>button{position:relative;min-height:68px;padding:11px 40px 11px 12px;display:grid;grid-template-columns:37px 1fr;grid-template-rows:auto auto;column-gap:10px;border:1px solid var(--line);border-radius:13px;color:#c9c3ce;background:#131019;text-align:left}.party-grid>button:hover:not(:disabled),.party-grid>button.active{border-color:color-mix(in srgb,var(--purple) 45%,transparent);background:color-mix(in srgb,var(--purple) 9%,#131019)}.party-grid>button:disabled{cursor:default}.party-grid>button>span{grid-row:1/3;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:var(--purple-bright);background:color-mix(in srgb,var(--purple) 13%,transparent)}.party-grid>button>span svg{width:17px}.party-grid strong{font-size:11px}.party-grid small{color:#746d7b;font-size:9px}.party-grid>button>svg{position:absolute;right:13px;top:23px;width:16px;color:var(--purple-bright)}.room-profile-card{margin:18px 0;padding:21px;border:1px solid color-mix(in srgb,var(--purple) 20%,transparent);border-radius:16px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--purple) 18%,transparent),transparent 55%),#131019}.room-profile-card>span{color:var(--purple-bright);font-size:8px;font-weight:800;letter-spacing:.13em}.room-profile-card>strong{display:block;margin:7px 0 3px;font:700 21px var(--font-display)}.room-profile-card p{margin:0 0 15px;color:#706979;font-size:9px}.room-profile-card button{min-height:34px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;color:#cbc4d2;background:#ffffff0a;font-size:9px}.room-profile-card button svg{width:13px}.profile-section{margin-top:18px}.profile-section h3{margin:0 0 9px;display:flex;align-items:center;gap:7px;color:#9d95a5;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.profile-section h3 svg{width:14px}.profile-section h3 small{margin-left:auto}.member-list{display:grid;gap:5px}.member-list>div{min-height:48px;padding:7px 9px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#131019}.member-list>div>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#282230;font-style:normal}.member-list>div>span{display:flex;flex-direction:column;gap:2px}.member-list strong{font-size:10px}.member-list small{color:#6e6775;font-size:8px}.member-list>div>b{padding:3px 5px;border-radius:6px;color:var(--purple-bright);background:color-mix(in srgb,var(--purple) 12%,transparent);font-size:7px}.member-list>div>button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:8px;color:#d58b98;background:#d35b7014}.member-list>div>button svg{width:14px}.member-actions{display:flex;align-items:center;gap:5px}.member-actions button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:8px;color:#d58b98;background:#d35b7014}.member-actions button.handoff{color:var(--purple-bright);background:#8b5cf61f}.member-actions svg{width:14px}.section-help,.page-loading{margin:-4px 0 10px;color:#756e7d;font-size:9px;line-height:1.45}.page-loading{margin:12px 0;text-align:center}.load-page{width:100%;min-height:34px;margin-top:9px;border:1px solid var(--line);border-radius:9px;color:#a990db;background:#17131d;font-size:9px}.theme-picker{display:flex;gap:8px}.theme-picker button{width:42px;height:30px;padding:4px;border:1px solid transparent;border-radius:9px;background:#16131c}.theme-picker button.active{border-color:#fff}.theme-picker button:disabled{opacity:.45}.theme-picker i{width:100%;height:100%;display:block;border-radius:5px;background:linear-gradient(135deg,#8b5cf6,#a877ff)}.theme-picker .sunset i{background:linear-gradient(135deg,#ef6f72,#ff9b6f)}.theme-picker .ocean i{background:linear-gradient(135deg,#248fcf,#58c4e8)}.theme-picker .mono i{background:linear-gradient(135deg,#68656d,#cbc7d0)}.modal-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#675f6e;text-align:center}.modal-empty>svg{width:35px;height:35px}.modal-empty strong{color:#a59daa;font-size:12px}.modal-empty span{max-width:270px;font-size:9px;line-height:1.5}.host-settings{display:grid;gap:6px}.host-settings>button,.host-settings>label{min-height:57px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;color:#bbb4c2;background:#131019;text-align:left}.host-settings>button>span,.host-settings>label>span{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px}.host-settings span>svg{grid-row:1/3;width:15px;color:var(--purple-bright)}.host-settings b{font-size:10px}.host-settings small{color:#6c6574;font-size:8px}.host-settings select{height:30px;border:1px solid var(--line);border-radius:8px;outline:0;color:#fff;background:#201b27;font-size:9px}.recovery-card{margin:12px 0;padding:11px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;border:1px solid rgba(250,204,21,.18);border-radius:11px;background:#facc150b}.recovery-card>svg{width:18px;color:var(--yellow)}.recovery-card>div{display:flex;flex-direction:column;gap:2px}.recovery-card strong{color:#d8d0de;font-size:10px}.recovery-card span{color:#766e7c;font-size:8px;line-height:1.4}.recovery-card button{min-height:29px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#c9b8e8;background:#1d1824;font-size:8px}.recovery-card button svg{width:12px}.recover-host-form{margin-top:16px;display:grid;gap:10px}.recover-host-form input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;outline:0;color:#fff;background:#131019;font-family:var(--font-sans)}.recover-host-form button{min-height:40px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px}.recover-host-form button svg{width:15px}.recovery-import{width:min(100%,460px);margin:16px auto 8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#131019;text-align:left}.recovery-import label{margin-bottom:8px;display:flex;align-items:center;gap:6px;color:#b3a8ba;font-size:10px}.recovery-import label svg{width:14px;color:var(--yellow)}.recovery-import>div{display:flex;gap:6px}.recovery-import input{min-width:0;height:36px;flex:1;padding:0 9px;border:1px solid var(--line);border-radius:8px;outline:0;color:#fff;background:#0f0d13}.recovery-import button{min-height:36px;padding:0 10px;border:0;border-radius:8px;color:#fff;background:var(--purple);font-size:9px}.moderation{padding-top:4px;border-top:1px solid var(--line)}.watch-party .room-content{grid-template-columns:minmax(600px,1fr) minmax(360px,420px)}.watch-party .listening-pane{background:radial-gradient(circle at 50% 25%,rgba(139,92,246,.08),transparent 42%)}.watch-party .now-card,.watch-party .add-bar,.watch-party .inline-error{width:min(100%,960px)}.watch-party .video-stage{aspect-ratio:16/9}.video-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000}.room-tabs{margin:-5px 24px 13px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:9px;background:#16131c}.room-tabs button{height:31px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;color:#756f7d;background:transparent;font-size:9px}.room-tabs button.active{color:#fff;background:#292331}.room-tabs svg{width:13px}.room-tabs small{color:var(--purple-bright)}.watch-party .queue-pane,.queue-pane.chat-pane{position:sticky;top:12px;align-self:start;height:min(680px,calc(100dvh - 88px));max-height:calc(100dvh - 88px);overflow:hidden}.room-chat{flex:1;min-height:0;display:flex;flex-direction:column}.chat-toolbar{margin:-4px 18px 9px;display:flex;align-items:center;justify-content:flex-end;gap:5px}.chat-toolbar>span{margin-right:auto;color:#5f5866;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.chat-toolbar button{min-height:25px;padding:0 8px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:7px;color:#746d7c;background:#15121a;font-size:8px}.chat-toolbar button.active{color:#c8afff;border-color:#8b5cf64d;background:#8b5cf61a}.chat-toolbar svg{width:11px}.chat-list{flex:1;min-height:0;overflow-y:auto;padding:2px 18px 12px;display:flex;flex-direction:column;gap:10px}.chat-list article{display:grid;grid-template-columns:29px 1fr;gap:8px}.chat-list article>i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#282230;font-style:normal;font-size:12px}.chat-list article>div{min-width:0;padding:7px 9px;border-radius:3px 10px 10px;background:#17141d}.chat-list header{display:flex;align-items:center;gap:6px}.chat-list header strong{color:#aaa3b1;font-size:9px}.chat-list header button{padding:2px 5px;border:0;border-radius:5px;color:var(--purple-bright);background:#8b5cf61a;font-size:7px}.chat-list header button:disabled{opacity:.45;cursor:default}.chat-list header .reply-message{width:20px;height:18px;margin-left:auto;padding:0;display:grid;place-items:center;color:#77707f;background:transparent;opacity:0}.chat-list article:hover .reply-message,.chat-list article:focus-within .reply-message{opacity:1}.reply-message svg{width:11px}.chat-list p{margin:4px 0 0;color:#d2cbd7;font-size:10px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.chat-list p mark{padding:0 2px;border-radius:3px;color:#decfff;background:#8b5cf62e}.chat-date,.new-message-divider{display:flex;align-items:center;gap:8px;color:#625b69;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.chat-date:before,.chat-date:after,.new-message-divider:before,.new-message-divider:after{content:"";height:1px;flex:1;background:#ffffff0f}.new-message-divider{color:var(--purple-bright)}.new-message-divider:before,.new-message-divider:after{background:#8b5cf647}.chat-reply-context{margin:5px 0 2px;padding:5px 7px;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(147,80,115,.2);border-radius:6px;color:#766e7d;background:#8b5cf60f}.chat-reply-context strong{color:#a990d8;font-size:7px}.chat-reply-context span{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.load-older-chat{flex:0 0 auto;min-height:28px;border:1px solid var(--line);border-radius:8px;color:#857a90;background:#141119;font-size:8px}.jump-latest-chat{align-self:center;min-height:29px;margin:-38px 0 7px;padding:0 10px;display:flex;align-items:center;gap:5px;z-index:3;border:1px solid rgba(139,92,246,.35);border-radius:999px;color:#d5c6f7;background:#241b31;box-shadow:0 8px 20px #00000059;font-size:8px}.jump-latest-chat svg{width:11px}.spoiler-message{width:100%;min-height:28px;margin-top:5px;border:1px dashed rgba(255,255,255,.1);border-radius:7px;color:#7d7585;background:#0f0d13;font-size:8px}.chat-empty{flex:1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#625a69;text-align:center}.chat-empty svg{width:32px}.chat-empty strong{color:#99919f;font-size:14px}.chat-empty span{max-width:290px;font-size:12px;line-height:1.5}.chat-compose{position:relative;z-index:2;flex:0 0 auto;margin:8px 16px 14px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#15121b;box-shadow:0 -12px 30px #0e0d13b8}.chat-compose textarea{width:100%;height:44px;resize:none;border:0;outline:0;color:#fff;background:transparent;font-family:var(--font-sans);font-size:16px;line-height:1.4}.chat-compose textarea::placeholder{color:#625b68}.chat-compose>div{display:flex;align-items:center;justify-content:space-between}.chat-compose label{display:flex;align-items:center;gap:6px;padding:4px 0;color:#77707f;font-size:12px;cursor:pointer}.chat-compose label input{accent-color:var(--purple)}.chat-compose button{width:30px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;color:#fff;background:var(--purple)}.chat-compose button:disabled{opacity:.35}.chat-compose button svg{width:13px}.chat-compose .replying-to{margin:-2px -2px 5px;padding:6px;display:grid;grid-template-columns:15px 1fr 22px;align-items:center;gap:6px;border-radius:7px;color:#8e7cad;background:#8b5cf614}.replying-to>svg{width:13px}.replying-to span{min-width:0;display:flex;flex-direction:column;gap:1px}.replying-to strong{font-size:8px}.replying-to small{overflow:hidden;color:#746d7b;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.chat-compose .replying-to button{width:22px;height:22px;background:transparent;color:#766e7d}.mention-suggestions{margin:-2px 0 7px;padding:4px;display:flex!important;justify-content:flex-start!important;gap:4px;overflow-x:auto;border-radius:7px;background:#100d14}.chat-compose .mention-suggestions button{width:auto;height:24px;padding:0 7px;color:#c5aaff;background:#8b5cf61f;font-size:8px;white-space:nowrap}.undo-toast{position:fixed;z-index:90;left:50%;bottom:18px;min-width:290px;padding:9px 10px 9px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#aaa3b1;background:#201b28;box-shadow:0 18px 50px #00000080;transform:translate(-50%);font-size:9px}.undo-toast span,.undo-toast button{display:flex;align-items:center;gap:6px}.undo-toast svg{width:13px}.undo-toast button{height:29px;padding:0 9px;border:0;border-radius:8px;color:#fff;background:var(--purple);font-size:9px}.mobile-player{display:none}.room-loading{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#8e8996;background:radial-gradient(circle at 50% 52%,rgba(113,70,190,.13),transparent 27%),radial-gradient(circle at 50% 52%,rgba(245,206,85,.04),transparent 46%),#0a0910}.room-loading .brand{position:absolute;left:25px;top:22px;color:#fff}.room-loading h2{color:#fff;margin-bottom:0}.room-loading>a:not(.brand){color:#b38bff}.connect-loader{width:min(88vw,360px);display:flex;flex-direction:column;align-items:center;text-align:center;animation:loader-arrive .45s ease-out both}.connection-visual{position:relative;width:170px;height:170px;isolation:isolate}.signal-ring,.signal-disc,.signal-orbit,.signal-core{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%}.signal-ring{width:150px;height:150px;border:1px solid rgba(164,118,255,.24);animation:loader-broadcast 2.7s cubic-bezier(.18,.64,.36,1) infinite}.signal-ring:nth-child(2){animation-delay:-.9s}.signal-ring:nth-child(3){animation-delay:-1.8s}.signal-disc{width:92px;height:92px;border:1px solid rgba(255,255,255,.07);background:repeating-radial-gradient(circle,rgba(255,255,255,.075) 0 1px,transparent 2px 10px),#100d17cc}.signal-orbit{width:116px;height:116px;border:1px solid rgba(170,126,255,.13);animation:loader-orbit 4.8s linear infinite}.signal-orbit b{position:absolute;width:7px;height:7px;left:50%;top:-4px;border-radius:50%;background:#a977ff;box-shadow:0 0 15px #a977ffd9}.signal-orbit.orbit-two{width:138px;height:138px;border-color:#f5ce5514;animation-duration:7s;animation-direction:reverse}.signal-orbit.orbit-two b{width:5px;height:5px;top:auto;bottom:8px;background:#f5ce55;box-shadow:0 0 13px #f5ce55b3}.signal-core{z-index:2;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,231,155,.45);color:#17120a;background:linear-gradient(145deg,#ffe477,#edb934);box-shadow:0 12px 40px #efbc3624;animation:loader-core-pulse 1.8s ease-in-out infinite}.signal-core svg{width:23px}.loading-equalizer{height:25px;margin-top:5px;display:flex;align-items:center;gap:4px}.loading-equalizer i{width:3px;height:20px;border-radius:4px;background:linear-gradient(to top,#7f4ee6,#c49aff);transform:scaleY(.22);animation:loader-eq .72s ease-in-out infinite alternate}.loading-equalizer i:nth-child(2),.loading-equalizer i:nth-child(10){animation-delay:-.52s}.loading-equalizer i:nth-child(3),.loading-equalizer i:nth-child(9){animation-delay:-.18s}.loading-equalizer i:nth-child(4),.loading-equalizer i:nth-child(8){animation-delay:-.63s}.loading-equalizer i:nth-child(5),.loading-equalizer i:nth-child(7){animation-delay:-.31s}.loading-equalizer i:nth-child(6){background:linear-gradient(to top,#d9a72c,#ffe16c);animation-delay:-.7s}.connect-loader p{min-height:24px;margin:15px 0 2px;color:#e8e3ed;font:700 15px var(--font-display);letter-spacing:-.01em}.connect-loader small{color:#6d6675;font-size:10px;letter-spacing:.02em}.loader-dots{display:inline-flex;gap:3px;margin-left:4px}.loader-dots i{width:3px;height:3px;border-radius:50%;background:#a977ff;animation:loader-dot 1.2s ease-in-out infinite}.loader-dots i:nth-child(2){animation-delay:.16s}.loader-dots i:nth-child(3){animation-delay:.32s}.loading-failure{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-failure>span{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:18px;color:#c99aa3;background:#17131d}.loading-failure>span svg{width:23px}.loading-failure h2{max-width:480px;font-size:18px}.loading-failure a{margin-top:12px;color:#b38bff;font-size:12px}@keyframes loader-arrive{0%{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes loader-broadcast{0%{opacity:0;transform:scale(.42)}18%{opacity:.75}to{opacity:0;transform:scale(1.08)}}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loader-core-pulse{0%,to{transform:scale(.94)}50%{transform:scale(1.04)}}@keyframes loader-eq{0%{transform:scaleY(.2);opacity:.48}to{transform:scaleY(1);opacity:1}}@keyframes loader-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce),(update:slow){.connect-loader,.signal-ring,.signal-orbit,.signal-core,.loading-equalizer i,.loader-dots i{animation:none!important}.signal-ring{opacity:.22;transform:scale(.85)}.signal-ring:nth-child(2){transform:scale(.65)}.signal-ring:nth-child(3){transform:scale(.45)}.loading-equalizer i{transform:scaleY(.55)}}.room-nav{height:76px}.room-content{min-height:calc(100vh - 76px)}.listeners>span{font-size:13px}.sync-pill{height:34px;font-size:10px}.room-heading h1{font-size:27px}.live-label,.track-info .now-label{font-size:10px}.track-info h2{font-size:21px}.track-info p{font-size:14px}.progress-wrap>div{font-size:10px}.search-shell{width:min(100%,680px);margin:16px auto 0}.search-shell .add-bar{width:100%;height:66px;margin:0;padding-left:14px}.search-shell .provider-icon{width:34px;height:34px;flex:0 0 auto;color:#ff7373;background:#f044441f}.search-shell .provider-icon svg{width:17px}.search-shell .add-bar input{font-size:14px}.search-shell .add-bar select{height:38px;font-size:11px}.search-shell .add-bar button{height:48px;padding:0 17px;font-size:12px}.watch-party .search-shell{width:min(100%,960px)}.search-results{max-height:min(620px,70vh);margin-top:9px;padding:15px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a4056 transparent;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#15121c;box-shadow:0 22px 65px #0000006b}.search-results>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 13px}.search-results>header>div{display:flex;flex-direction:column;gap:4px}.search-results>header strong{font:700 16px var(--font-display)}.search-results>header span{color:#817a89;font-size:11px;line-height:1.45}.search-group+.search-group{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.search-group-title{display:flex;align-items:center;gap:7px;margin:0 2px 9px}.search-group-title svg{width:17px;color:var(--purple-bright)}.search-group-title strong{font-size:12px}.search-group-title span{margin-left:auto;padding:3px 7px;border-radius:999px;color:#a98ae9;background:#8b5cf61c;font-size:9px}.search-grid{display:grid;gap:6px}.search-result{min-height:76px;padding:8px;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid transparent;border-radius:11px;background:#110f16}.search-result:hover{border-color:#a877ff38;background:#1a1621}.search-result>img{width:96px;height:56px;object-fit:cover;border-radius:8px;background:#211b29}.search-result>div:not(.search-result-actions){min-width:0;display:flex;flex-direction:column;gap:3px}.search-result strong,.search-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result strong{font-size:13px}.search-result span{color:#918a99;font-size:11px}.search-result small{color:#625c69;font-size:9px}.search-result-actions{display:flex;gap:5px}.search-result-actions button,.load-more{height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:8px;color:#c9c2d0;background:#26202e;font-size:10px;font-weight:700}.search-result-actions button:first-child{color:#fff;border-color:transparent;background:#7847df}.search-result-actions button:disabled,.load-more:disabled{opacity:.45}.search-result-actions svg{width:13px}.load-more{width:100%;height:42px;margin-top:10px}.youtube-attribution{margin:12px 3px 0;color:#625b69;font-size:9px;line-height:1.5}.youtube-attribution a{color:#a98ae9;text-decoration:underline}.queue-list,.chat-list,.search-results,.feature-modal{scrollbar-width:thin;scrollbar-color:#4d3b68 transparent}.queue-list::-webkit-scrollbar,.chat-list::-webkit-scrollbar,.search-results::-webkit-scrollbar,.feature-modal::-webkit-scrollbar{width:8px;height:8px}.queue-list::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track,.feature-modal::-webkit-scrollbar-track{background:transparent}.queue-list::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb,.feature-modal::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:999px;background:#4d3b68;background-clip:padding-box}.queue-list::-webkit-scrollbar-thumb:hover,.chat-list::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover,.feature-modal::-webkit-scrollbar-thumb:hover{background:#7254a0;background-clip:padding-box}.search-loading,.search-prompt,.search-error{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#756d7d;text-align:center}.search-loading{flex-direction:row}.search-loading i{width:17px;height:17px;border:2px solid #403749;border-top-color:var(--purple-bright);border-radius:50%;animation:spin .8s linear infinite}.search-prompt svg{width:25px}.search-prompt strong{color:#a59eac;font-size:13px}.search-prompt span{max-width:390px;font-size:11px;line-height:1.5}.search-error span{color:#f2a1ab;font-size:12px}.search-error small,.quick-reactions{font-size:10px}.quick-reactions button{width:35px;height:35px}.queue-header span{font-size:9px}.queue-header h2{font-size:21px}.autopilot-banner strong{font-size:11px}.autopilot-banner span{font-size:9px}.queue-search{height:44px}.queue-search input{font-size:13px}.queue-item{min-height:88px;grid-template-columns:60px minmax(0,1fr) auto}.queue-thumb{width:60px;height:60px}.queue-meta strong{font-size:14px}.queue-meta>span{font-size:12px}.queue-meta small{font-size:9px}.queue-actions button{min-width:28px;height:23px;font-size:9px}.queue-footer{height:52px;font-size:10px}.action-menu{width:225px}.action-menu button{min-height:42px;font-size:12px}.modal-intro{font-size:12px;line-height:1.5}.party-grid button strong,.host-settings b{font-size:12px}.party-grid button small,.host-settings small{font-size:10px;line-height:1.4}.share-target{min-height:100vh;padding:28px;background:radial-gradient(circle at 50% 12%,rgba(139,92,246,.16),transparent 35%),#0a0910}.share-target>.brand{position:absolute;left:28px;top:28px}.share-target>section{width:min(100%,560px);margin:100px auto 0;padding:34px;border:1px solid var(--line);border-radius:22px;background:#15121d;box-shadow:0 30px 80px #00000052}.share-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:var(--yellow);background:#f5ce5517}.share-target section>span{display:block;margin-top:20px;color:#a98ae9;font-size:10px;font-weight:800;letter-spacing:.11em}.share-target h1{margin:7px 0 10px;font:800 31px var(--font-display)}.share-target p{color:#9891a0;font-size:14px;line-height:1.6}.share-room-list{display:grid;gap:8px;margin:22px 0}.share-room-list button{min-height:66px;padding:8px 12px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;color:#fff;background:#100e15;text-align:left}.share-room-list button:hover{border-color:#a877ff66}.share-room-list button>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--purple-bright);background:#8b5cf61a}.share-room-list button>i svg{width:18px}.share-room-list button>span{display:flex;flex-direction:column;gap:3px}.share-room-list strong{font-size:14px}.share-room-list small{color:#746d7c;font-size:10px}.share-room-list button>svg{width:17px;color:#65d698}.share-room-list em{color:#a98ae9;font-size:11px;font-style:normal}.share-back{display:inline-flex;align-items:center;gap:7px;color:#aaa3b2;font-size:12px}.share-back svg{width:16px}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.hero-copy>p{margin-left:auto;margin-right:auto}.eyebrow,.trust-row{justify-content:center}.hero-visual{min-height:530px}.room-content,.watch-party .room-content{grid-template-columns:1fr}.queue-pane{min-height:480px;border-left:0;border-top:1px solid var(--line)}.watch-party .queue-pane,.queue-pane.chat-pane{position:relative;top:auto;height:min(620px,calc(100dvh - 20px));min-height:min(480px,calc(100dvh - 20px));max-height:calc(100dvh - 20px)}.now-card,.add-bar,.inline-error,.search-shell{max-width:680px}}@media(max-width:640px){.audio-unlock{bottom:14px;max-width:calc(100% - 24px);font-size:10px}.recovery-card{grid-template-columns:25px 1fr}.recovery-card>button{grid-column:1/-1;justify-content:center}.recovery-import>div{flex-direction:column}.chat-list header .reply-message{opacity:1}.landing-nav{height:70px;padding:0 18px}.hero{min-height:auto;padding:50px 20px 65px;gap:30px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.hero-visual{min-height:430px;transform:scale(.82);margin:-45px -30px}.benefits{grid-template-columns:1fr;gap:35px}.start-section{padding:60px 18px 70px}.room-card{padding:20px}.landing footer{padding:0 18px}.landing footer>span{display:none}.room-nav{padding:0 13px}.room-nav>.brand .brand-wordmark{display:none}.room-title-mobile{display:flex;flex-direction:column;align-items:center;font-size:11px}.room-title-mobile span{margin-top:2px;display:flex;align-items:center;gap:3px;color:#a79b77;font-size:8px}.room-title-mobile span svg{width:9px;height:9px;color:var(--yellow)}.listeners,.room-nav-actions>.icon-button{display:none}.sync-pill{width:31px;padding:0;justify-content:center}.sync-pill span{display:none}.room-nav-actions .secondary{width:40px;padding:0;justify-content:center;font-size:0}.listening-pane{padding:20px 14px 32px}.room-heading{display:none}.now-card{padding:8px 8px 13px;border-radius:17px}.video-stage{border-radius:11px}.track-info{padding:13px 4px 5px}.track-info h2{font-size:16px}.volume-row{display:none}.main-controls{height:57px}.search-shell .add-bar{height:auto;min-height:auto;padding:10px;flex-direction:column;align-items:stretch;gap:8px}.search-shell .search-bar-field,.search-shell .search-bar-actions{width:100%}.search-shell .add-bar select{flex:0 0 auto;width:auto;height:44px;font-size:12px}.search-shell .add-bar button{flex:1;height:44px;padding:0 16px;justify-content:center;font-size:12px}.search-results{max-height:68vh;padding:11px}.search-results>header span{font-size:10px}.search-result{grid-template-columns:76px minmax(0,1fr);gap:9px}.search-result>img{width:76px;height:48px}.search-result-actions{grid-column:1 / -1}.search-result-actions button{flex:1;height:38px}.share-target{padding:18px;overflow-x:hidden}.share-target>.brand{left:18px;top:20px}.share-target>section{width:calc(100vw - 36px);max-width:560px;margin-top:82px;padding:23px 18px}.share-target h1{font-size:27px}.quick-reactions>span{display:none}.queue-header{padding:24px 18px 16px}.queue-search{margin-left:18px;margin-right:18px}.queue-list{padding:0 8px 90px}.room-shell:has(.mobile-player) .chat-compose{margin-bottom:90px}.queue-actions{opacity:1;flex-direction:row}.queue-actions button:nth-child(2),.queue-actions button:nth-child(3){display:none}.mobile-player{position:fixed;z-index:20;left:8px;right:8px;bottom:8px;height:66px;padding:7px;display:grid;grid-template-columns:50px minmax(0,1fr) 42px 35px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#1c1824f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #00000080}.mobile-player img{width:50px;height:50px;object-fit:cover;border-radius:8px}.mobile-player>div{min-width:0;display:flex;flex-direction:column}.mobile-player strong,.mobile-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-player strong{font-size:11px}.mobile-player span{margin-top:3px;color:#817b88;font-size:9px}.mobile-player button{border:0;color:#fff;background:transparent}}@media(max-width:760px){.public-nav-links{display:none}.public-hero{padding:72px 20px 62px}.public-hero h1{font-size:43px}.public-hero p{font-size:16px}.public-content{padding:0 16px 75px}.public-content article{padding:23px 20px;grid-template-columns:1fr}.public-content ul{grid-template-columns:1fr}.public-page footer{padding:28px 18px;flex-wrap:wrap}.public-page footer>span{width:100%}.landing footer nav{gap:11px;font-size:10px}}:root{--canvas: #0f0a12;--canvas-raised: #151018;--surface: #1c1420;--surface-raised: #281b2d;--surface-hover: #332239;--plum: #502d55;--mauve: #935073;--mauve-bright: #c57da3;--peach: #f6dbc0;--ivory: #f8f4e9;--text-muted: #b6a9b7;--text-subtle: #897c8b;--signal: #e9c45a;--danger: #ef8796;--success: #83c8a5;--focus-ring: #f6dbc0;--ink: var(--ivory);--muted: var(--text-muted);--panel: var(--surface);--panel-2: var(--surface-raised);--purple: var(--mauve);--purple-bright: var(--mauve-bright);--yellow: var(--signal);--line: rgba(248, 244, 233, .11);--font-sans: "Segoe UI Variable Text", Aptos, "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-display: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif;color:var(--ivory);background:var(--canvas)}html{background:var(--canvas)}body{color:var(--ivory);background:var(--canvas);font-size:14px}button,input,select,textarea{font:inherit}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}::selection{color:var(--canvas);background:var(--peach)}.brand{color:var(--ivory);font-family:var(--font-display);font-weight:800}.brand-mark-field{fill:var(--plum)}.brand-mark-sheen{fill:var(--mauve)}.brand-mark-wave{stroke:var(--peach)}.brand-mark-core-halo,.brand-mark-core{fill:var(--signal)}.brand-wordmark{color:var(--ivory)}.brand-wordmark-signal:after{background:var(--signal)}.landing,.public-page{background:radial-gradient(circle at 76% 12%,rgba(147,80,115,.2),transparent 30%),radial-gradient(circle at 18% 70%,rgba(80,45,85,.16),transparent 34%),var(--canvas)}.room-nav{border-color:var(--line);background:#0f0a12eb}.landing-nav{width:100%;max-width:none;margin:0;padding-inline:max(28px,calc((100vw - 1200px)/2 + 28px));border-color:var(--line);background:#0f0a12eb}.landing-nav-actions{display:flex;align-items:center;gap:22px}.landing-nav-actions .text-button{display:inline-flex;align-items:center;gap:6px}.landing-nav-actions .text-button svg{width:15px;opacity:.75}.sync-pill{min-height:36px;color:var(--peach);border-color:#f6dbc033;background:#502d5538;font-size:11px}.sync-pill.waiting{color:#f1c19a;border-color:#f1c19a3d;background:#93507329}.sync-pill.correcting{color:var(--mauve-bright);border-color:#c57da33d;background:#502d553d}.room-card,.public-card{border-color:var(--line);background:linear-gradient(155deg,#281b2de6,#18111cf5)}.benefits{gap:64px;align-items:start}.benefits>div{position:relative;min-width:0;padding:0;border:0;background:transparent}.benefits>div+div:before{content:"";position:absolute;inset-block:4px;inset-inline-start:-32px;width:1px;background:linear-gradient(transparent,rgba(248,244,233,.12),transparent)}.benefits>div>span{color:var(--signal);background:#e9c45a17}.benefits h3{color:var(--ivory);font-size:18px}.benefits p{max-width:30ch;color:var(--text-muted);font-size:14px}.room-card label{color:var(--text-muted);font-size:13px}.room-card input,.room-card select{min-height:48px;color:var(--ivory);border-color:var(--line);background:var(--canvas-raised);font-size:15px}.room-card select{width:100%;padding:0 14px;border:1px solid var(--line);border-radius:10px}.field-help{display:block;margin-top:7px;color:var(--text-subtle);font-size:12px;line-height:1.45}.primary{color:var(--ivory);background:linear-gradient(135deg,#a65d82,#7f456b);box-shadow:0 12px 32px #502d5547}.primary:hover:not(:disabled){background:linear-gradient(135deg,#b96c91,#935073)}.hero h1 em{color:var(--peach)}.eyebrow{color:var(--peach);border-color:#f6dbc03d;background:#502d5547}.recent-rooms{gap:10px}.recent-rooms>span{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:12px}.recent-rooms>span small{padding:2px 8px;border-radius:999px;color:var(--peach);background:#93507338;font-size:11px}.recent-room-list{display:grid;gap:7px;grid-auto-rows:76px;max-height:242px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}.recent-room-list>a{height:76px;padding:10px 11px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:12px;border:1px solid transparent;border-radius:13px;color:var(--text-muted)}.recent-room-list>a:hover,.recent-room-list>a:focus-visible{color:var(--ivory);border-color:#f6dbc01f;background:#93507324}.recent-room-list i{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:var(--peach);background:#9350732e}.recent-room-list i svg,.recent-room-list>a>svg{width:15px}.recent-room-copy{min-width:0;display:grid;gap:6px}.recent-room-copy>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.recent-room-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ivory);font-size:14px}.recent-room-copy code{flex:0 0 auto;color:var(--peach);font:700 10px/1 var(--font-sans);letter-spacing:.1em}.recent-room-copy p{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--text-subtle);font-size:11px;line-height:1.35}.recent-room-copy p span+span{position:relative}.recent-room-copy p span+span:before{content:"·";position:absolute;left:-8px}.room-shell{min-height:100vh;color:var(--ivory);background:radial-gradient(circle at 32% 18%,rgba(80,45,85,.12),transparent 32%),var(--canvas)}.room-nav{position:relative;z-index:90;height:76px;overflow:visible;box-shadow:0 1px #00000029}.room-content{min-height:calc(100vh - 76px);grid-template-columns:minmax(620px,1fr) minmax(420px,480px)}.listening-pane{padding:30px clamp(28px,4vw,72px) 52px}.room-shell .listening-pane>:where(.room-heading,.room-qol-strip,.room-tutorial,.party-mode-banner,.now-card,.search-shell,.inline-error,.moment-strip){width:min(100%,860px);margin-inline:auto}.room-heading{margin-bottom:18px}.room-heading>a{width:42px;height:42px;border-radius:12px;background:var(--surface)}.room-heading h1{margin-top:5px;color:var(--ivory);font-size:clamp(28px,2.2vw,36px);letter-spacing:-.035em}.live-label{color:var(--text-muted);font-size:11px;letter-spacing:.12em}.live-label svg{color:var(--signal)}.room-shell .room-qol-strip{margin:0 auto 18px;gap:8px;font-size:12px}.room-qol-strip>span,.room-qol-strip>button{min-height:40px;padding:0 13px;border-color:var(--line);color:var(--text-muted);background:#1c1420cc}.room-qol-strip>button{color:var(--ivory)}.room-qol-strip>button:hover{border-color:#f6dbc040;background:var(--surface-raised)}.party-mode-banner,.room-tutorial{border-color:#93507361;background:#502d5540}.room-shell .room-tutorial{margin:0 auto 18px;padding:14px 16px}.room-tutorial strong{font-size:15px}.room-tutorial span{font-size:13px;line-height:1.45}.room-tutorial button{min-height:40px}.now-card{padding:16px 16px 22px;border-color:var(--line);border-radius:25px;background:linear-gradient(155deg,#231828fa,#130e17fa);box-shadow:0 28px 75px #00000047}.video-stage{border-radius:17px;background:radial-gradient(circle,var(--plum),#160f1a 68%)}.track-info{padding:20px 7px 10px}.track-info .now-label{color:var(--mauve-bright);font-size:11px}.track-info h2{color:var(--ivory);font-size:clamp(21px,1.7vw,27px);line-height:1.15}.track-info p{color:var(--text-muted);font-size:14px}.progress-wrap>div{color:var(--text-subtle);font-size:11px}.main-controls button{min-width:44px;min-height:44px}.main-controls .play-button{width:56px;height:56px}.search-shell{width:min(100%,860px)}.search-shell .add-bar{min-height:68px;border-color:var(--line);background:#1c1420e6}.queue-pane{position:relative;z-index:1;border-color:var(--line);background:var(--canvas-raised)}.queue-header{padding:30px 28px 18px}.queue-header>div>span{color:var(--text-subtle);font-size:11px}.queue-header h2{color:var(--ivory);font-size:25px;letter-spacing:-.025em}.queue-header h2 small{color:var(--peach);background:#93507333;font-size:11px}.room-tabs{margin:0 28px 16px;padding:4px;border-radius:11px;background:#502d552e}.room-tabs button{height:40px;color:var(--text-muted);font-size:12px}.room-tabs button.active{color:var(--ivory);background:var(--surface-raised)}.room-tabs small{color:var(--peach)}.queue-search{height:48px;margin-left:28px;margin-right:28px;border-color:var(--line);background:var(--surface)}.queue-search input{color:var(--ivory);font-size:14px}.queue-list{padding-left:14px;padding-right:14px}.queue-item{min-height:92px;border-color:var(--line);background:#281b2dbd}.queue-item strong{font-size:14px}.queue-item small{font-size:12px}.queue-item .queue-meta{font-size:11px}.queue-footer{color:var(--text-subtle);font-size:12px}.autopilot-banner{margin-left:28px;margin-right:28px;padding:12px;border-color:#93507357;color:var(--peach);background:#502d5538}.autopilot-banner strong{color:var(--peach);font-size:13px}.autopilot-banner span{color:var(--text-muted);font-size:11px}.room-chat{min-height:0}.chat-toolbar{margin:0 24px 12px}.chat-toolbar>span{color:var(--text-subtle);font-size:11px}.chat-toolbar button{min-height:36px;padding:0 11px;color:var(--text-muted);font-size:11px}.chat-list{padding:3px 20px 16px;gap:12px}.chat-list article{grid-template-columns:36px 1fr;gap:10px}.chat-list article>i{width:36px;height:36px;background:var(--surface-raised);font-size:15px}.chat-list article>div{padding:10px 12px;border-radius:5px 13px 13px;background:var(--surface)}.chat-list header strong{color:var(--peach);font-size:12px}.chat-list header button{min-height:26px;color:var(--mauve-bright);font-size:10px}.chat-list p{margin-top:6px;color:var(--ivory);font-size:14px;line-height:1.5}.chat-date,.new-message-divider{color:var(--text-subtle);font-size:10px}.chat-reply-context strong{color:var(--mauve-bright);font-size:10px}.chat-reply-context span{font-size:12px}.chat-compose textarea{color:var(--ivory);font-size:14px}@media(pointer:coarse){.chat-compose textarea{font-size:16px}}.chat-list header .chat-time{margin-left:6px;color:var(--text-subtle);font-size:10px;font-weight:400;font-variant-numeric:tabular-nums}.chat-list header .reply-message{margin-left:auto}.chat-list article.grouped{margin-top:-6px}.chat-list article.grouped>i{visibility:hidden;height:0}.chat-list article.grouped header strong,.chat-list article.grouped header .chat-time{display:none}.chat-status{margin-top:4px;display:inline-flex;align-items:center;gap:6px;color:var(--text-subtle);font-size:10px}.chat-status.failed{color:var(--peach)}.chat-status button{min-height:0;padding:1px 6px;border:0;border-radius:5px;color:var(--mauve-bright);background:#8b5cf624;font-size:10px}.chat-list article.is-sending>div{opacity:.72}.chat-empty strong{font-size:14px}.chat-empty span{font-size:12px;line-height:1.5}.chat-compose label{font-size:12px}.chat-date,.new-message-divider{font-size:10px}.spoiler-message{font-size:12px}.load-older-chat,.jump-latest-chat{min-height:34px;font-size:12px}.replying-to strong,.replying-to small{font-size:11px}.chat-compose .mention-suggestions button{height:30px;font-size:12px}.menu-wrap{position:relative}.action-menu{z-index:120;width:240px;padding:8px;border-color:var(--line);border-radius:14px;background:#241929;box-shadow:0 22px 64px #0000008f}.action-menu button{min-height:44px;color:var(--text-muted);font-size:13px}.action-menu button:hover,.action-menu button:focus-visible{color:var(--ivory);background:var(--surface-hover)}.modal-backdrop{z-index:200;background:#08050ad1}.feature-modal{width:min(100%,600px);padding:28px;border-color:#f8f4e924;background:linear-gradient(150deg,#24182a,#130e17)}.feature-modal-wide{width:min(100%,820px)}.feature-modal-showcase{width:min(100%,780px);padding:clamp(26px,4vw,42px)}.feature-modal>header{grid-template-columns:44px 1fr 42px}.feature-modal>header>span{width:44px;height:44px;color:var(--peach);background:#93507333}.feature-modal h2{color:var(--ivory);font-size:24px;letter-spacing:-.025em}.feature-modal .modal-intro{color:var(--text-muted);font-size:14px;line-height:1.55}.feature-modal-showcase .dna-hero{position:relative;min-height:220px;margin:28px 0 26px;padding:42px 32px;display:grid;place-content:center;overflow:hidden;border-color:#f6dbc033;background:radial-gradient(circle at 50% 10%,rgba(246,219,192,.15),transparent 36%),radial-gradient(circle at 20% 80%,rgba(147,80,115,.42),transparent 45%),linear-gradient(145deg,#3e2947,#211426)}.feature-modal-showcase .dna-hero:before,.feature-modal-showcase .dna-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(246,219,192,.1);border-radius:50%}.feature-modal-showcase .dna-hero:before{left:-90px;top:-120px}.feature-modal-showcase .dna-hero:after{right:-100px;bottom:-150px}.feature-modal-showcase .dna-hero span{color:var(--peach);font-size:11px}.feature-modal-showcase .dna-hero strong{margin:10px 0 8px;color:var(--ivory);font-size:clamp(34px,5vw,52px)}.feature-modal-showcase .dna-hero p{color:var(--text-muted);font-size:14px}.feature-modal-showcase .dna-bars{grid-template-columns:1fr 1fr;gap:18px 24px}.feature-modal-showcase .dna-bars>div>span{margin-bottom:8px;color:var(--text-muted);font-size:13px}.feature-modal-showcase .dna-bars i{height:9px;background:#f8f4e917}.feature-modal-showcase .dna-bars em{background:linear-gradient(90deg,var(--mauve),var(--peach))}.feature-modal-showcase .dna-stats{margin:28px 0;gap:12px}.feature-modal-showcase .dna-stats>div{padding:16px;background:#1c1420c7}.feature-modal-showcase .dna-stats span{color:var(--text-subtle);font-size:11px}.feature-modal-showcase .dna-stats strong{color:var(--ivory);font-size:14px}.moderation-groups{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.moderation-groups>section{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0f0a1275}.moderation-groups h3{margin:0 0 14px;color:var(--ivory);font-size:16px}.moderation-groups h3 small{color:var(--peach)}.moderation-list{max-height:330px;overflow-y:auto;display:grid;gap:9px}.moderation-list article{padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:12px;background:var(--surface)}.moderation-list article>i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--surface-raised);font-style:normal}.moderation-list article>span{min-width:0;display:grid;gap:3px}.moderation-list article strong{overflow:hidden;text-overflow:ellipsis;font-size:13px}.moderation-list article small{color:var(--text-subtle);font-size:11px}.moderation-list article>div{display:flex;gap:6px}.moderation-list button{min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:var(--ivory);background:var(--surface-raised);font-size:11px}.moderation-list button.danger{color:#ffd4da;border-color:#ef879640;background:#ef87961a}.host-settings b,.party-grid button strong,.profile-section h3{font-size:14px}.host-settings small,.party-grid button small,.section-help{color:var(--text-muted);font-size:12px;line-height:1.5}.member-list>div{min-height:56px}.member-list strong{font-size:13px}.member-list small{font-size:11px}.member-actions button{min-width:40px;min-height:40px}.recovery-card{margin:20px 0;padding:15px 16px;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;border-radius:14px}.recovery-card>svg{width:21px}.recovery-card>div{min-width:0;gap:4px}.recovery-card strong{color:var(--ivory);font-size:14px;line-height:1.25}.recovery-card span{color:var(--text-muted);font-size:12px;line-height:1.45}.recovery-card button{min-height:40px;padding:0 12px;color:var(--peach);font-size:12px}.recovery-card button svg{width:15px}*{scrollbar-width:thin;scrollbar-color:#65466d #17101b}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#17101b}*::-webkit-scrollbar-thumb{min-height:36px;border:2px solid #17101b;border-radius:999px;background:#65466d}*::-webkit-scrollbar-thumb:hover{background:#935073}@media(max-width:1120px){.room-content,.watch-party .room-content{grid-template-columns:1fr}.queue-pane{min-height:560px;border-left:0;border-top:1px solid var(--line)}.watch-party .queue-pane,.queue-pane.chat-pane{position:relative;top:auto;height:min(680px,calc(100dvh - 24px));max-height:none}}@media(max-width:900px){.benefits p{max-width:none}}@media(max-width:720px){.landing-nav{padding-inline:18px}.benefits{gap:36px}.benefits>div+div:before{display:none}.room-nav{height:68px}.room-content{min-height:calc(100vh - 68px)}.listening-pane{padding:18px 12px 30px}.room-qol-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.room-qol-strip>span,.room-qol-strip>button{min-height:44px;flex:0 0 auto}.room-tutorial{grid-template-columns:auto 1fr auto}.room-tutorial .tutorial-skip{display:none}.now-card{padding:9px 9px 16px;border-radius:18px}.track-info h2{font-size:19px}.queue-header{padding:24px 18px 14px}.room-tabs,.queue-search,.autopilot-banner{margin-left:18px;margin-right:18px}.feature-modal{padding:20px;border-radius:18px}.feature-modal h2{font-size:21px}.feature-modal-showcase .dna-hero{min-height:180px;padding:30px 18px}.feature-modal-showcase .dna-bars,.moderation-groups,.feature-modal-showcase .dna-stats{grid-template-columns:1fr}.moderation-list article{grid-template-columns:38px 1fr}.moderation-list article>div{grid-column:1 / -1}.moderation-list button{flex:1;min-height:44px}}@media(hover:none){.queue-item .queue-actions,.chat-list header .reply-message{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}