:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI Variable,Segoe UI,Helvetica,Arial,sans-serif;color:#f5f5f7;background:#08080a;font-synthesis:none;text-rendering:optimizeLegibility;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Helvetica, Arial, sans-serif;--bg: #08080a;--surface: rgba(28, 28, 30, .84);--surface-solid: #1c1c1e;--surface-2: rgba(44, 44, 46, .82);--surface-hover: rgba(58, 58, 60, .9);--surface-deep: rgba(16, 16, 18, .9);--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #8e8e93;--separator: rgba(255, 255, 255, .1);--separator-strong: rgba(255, 255, 255, .16);--accent: #8059df;--accent-hover: #7650d8;--accent-pressed: #6d42c6;--accent-soft: rgba(128, 89, 223, .16);--accent-border: rgba(128, 89, 223, .46);--success: #30d158;--success-soft: rgba(48, 209, 88, .13);--warning: #ff9f0a;--warning-soft: rgba(255, 159, 10, .14);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .13);--coin: #ffd36a;--coin-strong: #ffc23e;--coin-soft: rgba(255, 211, 106, .16);--coin-glow: rgba(255, 184, 42, .38);--focus: rgba(128, 89, 223, .4);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 8px 32px rgba(0, 0, 0, .32);--shadow-float: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 18px 60px rgba(0, 0, 0, .48);--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);background:linear-gradient(180deg,#08080a38,#08080ac2),url(/assets/vibeland-city-background.webp) center top / cover fixed no-repeat,var(--bg);font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{color:#fff;background:#8059df94}img,svg{max-width:100%}button,input,select,textarea,summary{font:inherit;-webkit-tap-highlight-color:transparent}button,summary{-webkit-user-select:none;user-select:none}button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius-sm);color:#fff;background:var(--accent);font-weight:600;line-height:1.15;cursor:pointer;transition:color .16s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),opacity .16s var(--ease),transform .12s var(--ease)}button:active:not(:disabled){background:var(--accent-pressed);transform:scale(.98)}button:disabled{opacity:.42;cursor:not-allowed}input,select,textarea{width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--separator-strong);border-radius:var(--radius-sm);outline:0;color:var(--text);background:#121214d1;transition:background-color .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus)}h1,h2,p{margin-top:0}h1,h2{margin-bottom:0;font-family:var(--font-sans);font-weight:650;letter-spacing:-.025em}h1{font-size:clamp(24px,4vw,29px);line-height:1.14}h2{font-size:19px;line-height:1.25}form{display:flex;gap:10px}.card{border:1px solid var(--separator);border-radius:var(--radius-lg);background:linear-gradient(145deg,#222225db,#161619e0);box-shadow:var(--shadow-card);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.welcome{width:min(440px,100%);padding:38px;text-align:center}.welcome h1{margin-bottom:10px;font-size:31px}.welcome>p:not(.eyebrow):not(.notice){margin-bottom:0;color:var(--text-2)}.welcome form{flex-direction:column;margin-top:26px}.welcome-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-3);font-size:12px}.welcome-divider:before,.welcome-divider:after{content:"";flex:1;height:1px;background:var(--separator)}.welcome-login{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-color:var(--separator-strong);border-style:solid;border-width:1px;border-radius:var(--radius-sm);color:var(--text);background:var(--surface-2);font-weight:600;text-decoration:none}.logo{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid rgba(255,255,255,.14);border-radius:19px;color:#fff;background:var(--accent);box-shadow:0 16px 36px #623abe61,inset 0 1px #ffffff3d}.eyebrow{margin-bottom:7px;color:#b69afa;font-size:11px;font-weight:700;line-height:1.25;letter-spacing:.09em}.notice{margin:14px 0 0;padding:11px 13px;border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:13px;line-height:1.4}.notice.error{border-color:#ff453a52;color:#ff9b94;background:var(--danger-soft)}.notice.success{border-color:#30d1584d;color:#7ee796;background:var(--success-soft)}.guest-shell{width:min(820px,100%);margin:0 auto;padding:28px 18px 64px}.guest-shell>.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.brand-lockup{min-width:0;display:flex;align-items:center;gap:12px}.brand-lockup h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-lockup .eyebrow{margin-bottom:3px}.brand-mark{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--separator-strong);border-radius:14px;color:#bfa8fa;background:var(--surface-2);box-shadow:inset 0 1px #ffffff0f}.header-actions{display:flex;align-items:center;gap:12px}.status{display:inline-flex;align-items:center;gap:7px;color:var(--text-2);font-size:12px;line-height:1;white-space:nowrap}.status:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--text-3)}.status.online:before{background:var(--success)}.profile-shortcut{min-height:46px;display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-color:var(--separator);border-radius:14px;color:var(--text);background:var(--surface);text-align:left;box-shadow:inset 0 1px #ffffff0a}.profile-shortcut>.prestige-badge{width:34px;height:34px}.profile-shortcut>span,.profile-shortcut strong,.profile-shortcut small{display:block}.profile-shortcut strong{font-size:12px;line-height:1.1}.profile-shortcut small{display:flex;align-items:center;gap:3px;margin-top:3px;color:var(--coin);font-size:11px;font-weight:600}.app-tabs{position:sticky;top:12px;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:5px;border:1px solid var(--separator-strong);border-radius:20px;background:#19191cd6;box-shadow:var(--shadow-card);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.app-tabs button{position:relative;min-width:0;min-height:54px;flex-direction:column;gap:3px;padding:7px 4px;border-radius:15px;color:var(--text-2);background:transparent;font-size:11px}.app-tabs button:active:not(:disabled){background:#ffffff14}.app-tabs button.active{color:#fff;background:#ffffff1c;box-shadow:inset 0 1px #ffffff14,0 4px 14px #00000038}.app-tabs button.active .tab-icon{color:#bca2fa}.tab-icon{display:grid;place-items:center;color:currentColor}.tab-label{max-width:100%;overflow:hidden;font-size:11px;font-weight:550;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.tab-badge{position:absolute;top:4px;right:7px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border:2px solid #1a1a1d;border-radius:var(--radius-pill);color:var(--text);background:#4a4a4f;font-size:10px;font-weight:700;line-height:1}.app-tabs button.active .tab-badge{border-color:#353538;color:#fff;background:var(--accent)}.tab-badge.is-alert{color:#fff;background:var(--danger)}.tab-panel{animation:tab-in .2s var(--ease)}@keyframes tab-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.mini-player{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:6px;margin-bottom:16px;padding:8px}.mini-track{min-width:0;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:11px;padding:0;color:var(--text);background:transparent;text-align:left}.mini-track:active:not(:disabled){background:transparent}.mini-art{position:relative}.mini-art>img{width:84px;display:block;aspect-ratio:16 / 9;border-radius:10px;object-fit:cover}.mini-art>i{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;display:grid;place-items:center;border:2px solid #222225;border-radius:50%;color:#fff;background:var(--accent)}.mini-track>span:last-child{min-width:0}.mini-track small,.mini-track strong,.mini-track em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-track small{margin-bottom:2px;color:#b69afa;font-size:10px;font-weight:700;letter-spacing:.08em}.mini-track strong{font-size:14px;font-weight:600}.mini-track em{margin-top:2px;color:var(--text-2);font-size:11px;font-style:normal}.mini-toggle,.mini-open{width:44px;height:44px;padding:0;border-radius:50%}.mini-toggle{background:var(--accent)}.mini-open{color:var(--text-2);background:transparent}.guest-speaker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;padding:15px 17px;overflow:hidden}.speaker-compact{position:fixed;right:16px;bottom:max(88px,calc(72px + env(safe-area-inset-bottom)));z-index:45;width:min(380px,calc(100vw - 24px));margin:0;box-shadow:var(--shadow-float)}.speaker-compact .guest-video{height:200px}.guest-speaker p{margin-bottom:4px}.guest-speaker button{min-height:44px;padding:8px 12px}.speaker-live{display:inline-flex;align-items:center;gap:6px;color:#78df91;font-size:11px;font-weight:700;letter-spacing:.06em}.speaker-live i{width:6px;height:6px;border-radius:50%;background:var(--success)}.speaker-unavailable{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:11px;font-weight:700;letter-spacing:.05em}.speaker-output{display:inline-flex;align-items:center;gap:6px;color:var(--accent-hover);font-size:11px;font-weight:750;letter-spacing:.05em}.speaker-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.speaker-volume-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:11px;border-top:1px solid var(--separator)}.speaker-volume-bar.global-only{justify-content:flex-end}.volume-scope{display:flex;align-items:center;gap:8px}.volume-scope>span{color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.035em;white-space:nowrap}.volume-scope.global>span{color:var(--accent-hover)}.volume-scope.global .volume-control{border-color:var(--accent-border)}.guest-video{display:none;grid-column:1 / -1;position:relative;width:100%;min-width:200px;height:clamp(200px,38vw,270px);overflow:hidden;border:1px solid var(--separator);border-radius:var(--radius-sm);background:#000}.guest-video.active{display:block}.guest-video iframe{display:block;width:100%;min-width:200px;height:100%;min-height:200px;border:0}.speaker-warning{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin:0;color:var(--text-2);font-size:12px;line-height:17px}.speaker-warning span{flex:1}.speaker-warning small{color:var(--text-3)}.speaker-warning a{flex:none;color:var(--accent-hover);font-size:12px;font-weight:650;text-decoration:none}.now-playing,.add-card,.queue-card{margin-bottom:16px;padding:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title>div:first-child:not(.leaderboard-tabs){min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.section-title h2{margin:0}.section-title span{color:var(--text-2);font-size:13px}.section-title>div:first-child:not(.leaderboard-tabs) small{color:var(--text-3);font-size:11px}.empty,.track p,.add-card>p{color:var(--text-2)}.empty{margin:16px 0 0}.empty-state{display:grid;justify-items:center;gap:6px;padding:32px 16px 24px;text-align:center}.empty-state>span{width:50px;height:50px;display:grid;place-items:center;margin-bottom:3px;border:1px solid var(--accent-border);border-radius:16px;color:#bca2fa;background:var(--accent-soft)}.empty-state strong{font-family:var(--font-sans);font-size:14px;font-weight:600}.empty-state p{margin:0;color:var(--text-2);font-size:13px}.empty-state.compact{padding:26px 12px 18px}.empty-state.compact>span{width:44px;height:44px;border-radius:14px}.now-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.now-label .eyebrow{margin-bottom:0}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(48,209,88,.22);border-radius:var(--radius-pill);color:#78df91;background:var(--success-soft);font-size:10px;font-weight:700;letter-spacing:.07em}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--success)}.track{display:grid;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:18px}.track>div{min-width:0}.track img{width:118px;aspect-ratio:16 / 9;border-radius:var(--radius-sm);object-fit:cover}.track h2{margin-bottom:6px;font-size:20px}.track p{margin-bottom:0;font-size:13px}.track-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.track-progress-bar{height:4px;flex:1;min-width:40px;overflow:hidden;border-radius:var(--radius-pill);background:var(--separator)}.track-progress-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width 1s linear}.track-progress-time{flex:none;color:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums}.track-progress-time b{color:var(--text-2);font-weight:600}.pulse{display:grid;place-items:center;color:#bca2fa;animation:soft-pulse 1.8s var(--ease) infinite}@keyframes soft-pulse{50%{opacity:.52;transform:scale(.96)}}.music-rating{position:relative;display:grid;grid-template-columns:auto;align-items:center;justify-content:end;gap:14px;margin-top:24px;padding-top:16px;border-top:1px solid var(--separator)}.now-playing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:16px;border-top:1px solid var(--separator)}.now-playing-footer .guest-controls{min-width:0;flex:1 1 auto;margin-top:0}.now-playing-footer .music-rating{flex:0 0 auto;margin-top:0;padding-top:0;border-top:0}.rating-copy strong,.rating-copy span{display:block}.rating-copy strong{font-size:13px;font-weight:600}.rating-copy span{margin-top:2px;color:var(--text-3);font-size:11px}.rating-actions{display:flex;align-items:center;gap:6px}.vote-reward-pulse{position:absolute;right:0;bottom:calc(100% + 10px);z-index:3;min-height:34px;display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(151,130,247,.38);border-radius:999px;color:#ded6ff;background:#241d40f5;box-shadow:0 10px 26px #00000057,0 0 20px #7d69ef24;font-size:11px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;pointer-events:none;transform-origin:82% 100%;animation:vote-reward-in-out 1.15s cubic-bezier(.2,.8,.2,1) both}.vote-reward-pulse>b{font-weight:700}.vote-reward-pulse>span{display:inline-flex;align-items:center;gap:4px;color:var(--coin);font-weight:700}@keyframes vote-reward-in-out{0%{opacity:0;transform:translateY(7px) scale(.94)}18%{opacity:1;transform:translateY(0) scale(1)}68%{opacity:1;transform:translateY(-3px) scale(1)}to{opacity:0;transform:translateY(-13px) scale(.985)}}.music-rating button{min-width:54px;min-height:44px;padding:8px 11px;border-color:var(--separator);color:var(--text-2);background:var(--surface-2)}.music-rating button span{color:currentColor;font-size:12px;font-variant-numeric:tabular-nums}.music-rating button.active,.music-rating button[aria-pressed=true]{border-color:var(--accent-border);color:#d6c7fc;background:var(--accent-soft)}.music-rating>small{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:11px;white-space:nowrap}.reward-gems,.gems,.profile-shop>button b,.priority-toggle b{display:inline-flex;align-items:center;gap:4px;color:var(--coin);font-variant-numeric:tabular-nums}.gem-icon{flex:none;filter:drop-shadow(0 1px 5px var(--coin-glow));animation:gem-settle .32s var(--ease) both}.gem-icon.pulse{animation:gem-pulse .5s var(--ease) both}@keyframes gem-settle{0%{opacity:0;transform:scale(.75) rotate(-8deg)}}@keyframes gem-pulse{0%{transform:scale(1)}40%{transform:scale(1.28) rotate(6deg)}to{transform:scale(1)}}.prestige-badge{position:relative;display:inline-flex;flex:none;width:30px;height:30px;isolation:isolate;overflow:visible;border-radius:12px}.prestige-badge-art,.prestige-badge-aura,.prestige-badge-lustre{position:absolute;pointer-events:none}.prestige-badge-art{inset:0;z-index:2;background-image:var(--prestige-sprite);background-repeat:no-repeat;background-position:center;background-size:100% 100%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.68));transform:scale(1.08);transform-origin:center;transition:transform .26s var(--ease),filter .26s var(--ease)}.prestige-badge-aura{inset:8%;z-index:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--prestige-aura),.48),rgba(var(--prestige-aura),.13) 46%,transparent 72%);filter:blur(7px);opacity:.72}.prestige-badge.is-rich .prestige-badge-aura{inset:-8%;opacity:.88;animation:prestige-face-breathe 4.8s ease-in-out infinite}.prestige-badge.is-master .prestige-badge-art{filter:drop-shadow(0 4px 8px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(255,225,156,.4));transform:scale(1.23)}.prestige-badge-lustre{inset:5%;z-index:3;overflow:hidden;border-radius:50%;mix-blend-mode:screen;opacity:.65}.prestige-badge-lustre:before{content:"";position:absolute;top:-35%;left:-75%;width:34%;height:170%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);transform:rotate(18deg) translate(-30%);animation:prestige-face-lustre 6.4s ease-in-out infinite}@keyframes prestige-face-breathe{50%{opacity:1;transform:scale(1.09)}}@keyframes prestige-face-lustre{0%,68%{transform:rotate(18deg) translate(-30%);opacity:0}76%{opacity:.88}92%,to{transform:rotate(18deg) translate(430%);opacity:0}}.prestige-badge svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform .25s var(--ease)}.prestige-badge-glow{position:absolute;inset:-18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,var(--badge-color) 0%,transparent 70%);opacity:.35;filter:blur(10px);animation:prestige-badge-pulse 4.5s ease-in-out infinite}.prestige-badge-orbit{animation:prestige-badge-spin 7s linear infinite}.prestige-badge.is-master .prestige-badge-orbit{animation-duration:10s}.prestige-badge.is-master{z-index:0;overflow:visible;isolation:isolate}.prestige-badge.is-master svg{overflow:visible;filter:drop-shadow(0 3px 7px rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(244,207,120,.32))}.prestige-badge.is-master .prestige-badge-glow{inset:-32%;background:radial-gradient(circle,rgba(244,207,120,.56) 0 12%,rgba(139,92,246,.32) 34%,transparent 70%);opacity:.52;animation:master-badge-breathe 6s ease-in-out infinite}.master-orbit{transform-box:fill-box;transform-origin:center;pointer-events:none}.master-orbit-back{animation:master-orbit-back-spin 14s linear infinite}.master-orbit-front{animation:master-orbit-front-spin 22s linear infinite}.master-crown-highlight{stroke-dasharray:13 62;animation:master-crown-lustre 9s ease-in-out infinite}.master-gem{transform-box:fill-box;transform-origin:center;animation:master-gem-breathe 6s ease-in-out infinite}.master-stardust circle{fill:#fff3bd;opacity:.46;animation:master-stardust-twinkle 4.8s ease-in-out var(--spark-delay) infinite}.prestige-badge-shine{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:50%;pointer-events:none}.prestige-badge-shine:before{content:"";position:absolute;top:-30%;left:-60%;width:45%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg) translate(-40%);animation:prestige-badge-shine-sweep 5.5s ease-in-out infinite}@keyframes prestige-badge-pulse{50%{opacity:.6;transform:scale(1.08)}}@keyframes prestige-badge-spin{to{transform:rotate(360deg)}}@keyframes master-badge-breathe{50%{opacity:.78;transform:scale(1.12)}}@keyframes master-orbit-back-spin{0%{transform:rotate(22deg)}to{transform:rotate(382deg)}}@keyframes master-orbit-front-spin{0%{transform:rotate(-22deg)}to{transform:rotate(-382deg)}}@keyframes master-crown-lustre{0%,68%{stroke-dashoffset:78;opacity:.16}82%{opacity:.95}to{stroke-dashoffset:0;opacity:.16}}@keyframes master-gem-breathe{50%{transform:scale(1.055)}}@keyframes master-stardust-twinkle{0%,to{opacity:.24;transform:scale(.75)}50%{opacity:.92;transform:scale(1.25)}}@keyframes prestige-badge-shine-sweep{0%,65%{transform:rotate(18deg) translate(-40%)}85%,to{transform:rotate(18deg) translate(260%)}}@media(hover:hover)and (pointer:fine){.prestige-badge:hover svg{transform:scale(1.06)}.prestige-badge:hover .prestige-badge-art{transform:scale(1.16);filter:drop-shadow(0 5px 8px rgba(0,0,0,.72))}.prestige-badge.is-master:hover .prestige-badge-art{transform:scale(1.31)}.prestige-badge:hover .prestige-badge-orbit{animation-duration:3s}.prestige-badge:hover .prestige-badge-shine:before{animation-duration:1.4s}}@media(prefers-reduced-motion:reduce){.gem-icon,.gem-icon.pulse{animation:none}.prestige-badge-glow{animation:none;opacity:.45}.prestige-badge-orbit{animation:none}.master-orbit,.master-crown-highlight,.master-gem,.master-stardust circle{animation:none}.master-orbit-back{transform:rotate(22deg)}.master-orbit-front{transform:rotate(-22deg)}.prestige-badge-shine:before{animation:none;opacity:0}.prestige-badge-aura,.prestige-badge-lustre:before{animation:none}.prestige-badge:hover svg{transform:none}.prestige-badge:hover .prestige-badge-art{transform:scale(1.08)}.prestige-badge.is-master:hover .prestige-badge-art{transform:scale(1.23)}}.guest-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px}.guest-volume-slot,.inline-speaker-controls{display:flex;align-items:center;gap:7px}.guest-volume-slot{min-width:48px;min-height:48px}.inline-speaker-action{display:flex;align-items:center}.inline-speaker-action>button{min-height:48px}.guest-controls .guest-now-volume-control{width:48px;flex:0 0 auto;overflow:hidden;border-color:var(--separator);background:#ffffff09;transition:width .22s cubic-bezier(.16,1,.3,1),border-color .16s ease,background-color .16s ease}.guest-controls .guest-now-volume-control:hover,.guest-controls .guest-now-volume-control:focus-within{width:170px;border-color:var(--accent-border);background:#fff1}.guest-controls .guest-now-volume-control .volume-slider-wrap{position:absolute;z-index:auto;top:50%;left:48px;display:flex;align-items:center;justify-content:center;width:0;height:46px;padding:0;overflow:hidden;border:0;background:transparent;box-shadow:none;opacity:0;pointer-events:none;transform:translateY(-50%);clip-path:inset(0 100% 0 0);transform-origin:left center;transition:width .22s cubic-bezier(.16,1,.3,1),padding .22s cubic-bezier(.16,1,.3,1),opacity .12s ease,clip-path .22s cubic-bezier(.16,1,.3,1)}.guest-controls .guest-now-volume-control:hover .volume-slider-wrap,.guest-controls .guest-now-volume-control:focus-within .volume-slider-wrap{width:122px;padding:0 14px 0 9px;opacity:1;pointer-events:auto;transform:translateY(-50%);clip-path:inset(0)}.guest-controls .guest-now-volume-control .volume-button{flex:0 0 48px}.guest-controls .guest-now-volume-control .volume-slider{width:99px;min-width:99px;min-height:4px;height:4px;margin:0;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--volume),rgba(255,255,255,.25) var(--volume) 100%);box-shadow:none}.guest-controls button,.transport button{min-height:44px;padding:9px 13px;border-color:var(--separator);color:var(--text);background:var(--surface-2);font-size:13px}.guest-controls .square-control{width:44px;min-width:44px;padding:0}.volume-readout{min-width:42px;align-self:center;color:var(--text-2);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.guest-controls .vote-skip,.vote-skip{margin:0;color:#d1c2f8;background:var(--accent-soft);border-color:var(--accent-border)}.add-card h2{margin-bottom:0}.add-card>p{margin:8px 0 0;font-size:13px}.add-form{margin-top:18px}.add-form button{min-width:120px;white-space:nowrap}.limit-pill{padding:5px 9px;border:1px solid var(--accent-border);border-radius:var(--radius-pill);color:#d0bffa!important;background:var(--accent-soft);font-size:11px!important;font-weight:650;white-space:nowrap}.priority-toggle{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:12px;padding:9px 12px;border:1px solid var(--separator);border-radius:var(--radius-md);color:var(--text-2);background:#121214a3;font-size:12px;cursor:pointer;transition:border-color .16s var(--ease),background-color .16s var(--ease),color .16s var(--ease)}.priority-toggle input[role=switch]{position:relative;width:44px;min-width:44px;height:26px;min-height:26px;margin:0;padding:0;appearance:none;border:0;border-radius:var(--radius-pill);outline:0;background:#55555b;cursor:pointer;transition:background-color .18s var(--ease),box-shadow .18s var(--ease)}.priority-toggle input[role=switch]:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000052;transition:transform .18s var(--ease)}.priority-toggle input[role=switch]:checked{background:var(--accent)}.priority-toggle input[role=switch]:checked:before{transform:translate(18px)}.priority-toggle input[role=switch]:focus-visible{box-shadow:0 0 0 4px var(--focus)}.priority-toggle input[role=switch]:disabled{opacity:.42;cursor:not-allowed}.priority-toggle>span{min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px}.priority-toggle.active{border-color:var(--accent-border);color:var(--text);background:#8059df1a}.results{display:grid;gap:8px;margin-top:14px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 4px}.results-heading>span{min-width:0}.results-heading strong,.results-heading small{display:block}.results-heading strong{color:var(--text);font-size:12px}.results-heading small{margin-top:2px;color:var(--text-3);font-size:10px;font-variant-numeric:tabular-nums}.results-heading-actions,.results-page-control,.results-select-wrap{display:flex;align-items:center}.results-heading-actions{flex:0 0 auto;gap:8px}.results-page-control{gap:7px;color:var(--text-3);font-size:10px;font-weight:600}.results-select-wrap{position:relative}.results-page-control select{min-width:72px;min-height:36px;padding:0 29px 0 10px;appearance:none;border:1px solid var(--separator);border-radius:9px;color:var(--text);background:#141416e0;font:inherit;font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer}.results-page-control select:focus-visible{border-color:var(--accent);outline:3px solid var(--focus);outline-offset:1px}.results-select-wrap>svg{position:absolute;right:9px;color:var(--text-3);pointer-events:none}.results .results-close{width:32px;min-width:32px;min-height:32px;padding:0;border-color:transparent;border-radius:9px;color:var(--text-2);background:transparent;grid-template-columns:1fr;place-items:center;gap:0}.results>button{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:8px;border-color:var(--separator);color:var(--text);background:#141416b8;font-weight:500;text-align:left}.results img{width:82px;aspect-ratio:16 / 9;border-radius:var(--radius-xs);object-fit:cover}.result-copy{min-width:0;display:grid;gap:4px}.result-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px}.result-meta small{display:inline-flex;align-items:center;gap:4px;color:var(--text-3);font-size:10px;font-weight:500;line-height:1.25;white-space:nowrap}.result-meta svg{flex:0 0 auto;opacity:.82}.result-state{display:block;color:var(--text-3);font-size:10px}.results>button b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#c8b6f8;background:var(--accent-soft)}.results>button.added{border-color:#30d15842;background:#30d1580e;opacity:1;cursor:default}.results>button.added b{color:#9ce5ad;background:#30d1581f}.results>button.adding{opacity:.72}@keyframes result-spinner{to{transform:rotate(360deg)}}.result-spinner{animation:result-spinner .7s linear infinite}.clear-button,.change-name,.auth-switch{color:var(--text-2);background:transparent;font-weight:500}.clear-button{min-height:44px;padding:6px 8px;color:#ff918a;font-size:12px}.change-name{display:flex;margin:20px auto}.queue{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.queue li{display:grid;grid-template-columns:24px 74px minmax(0,1fr) auto;align-items:center;gap:11px;padding:8px;border:1px solid transparent;border-radius:var(--radius-sm);background:#121214b3;transition:border-color .16s var(--ease),background-color .16s var(--ease)}.queue img{width:74px;aspect-ratio:16 / 9;border-radius:var(--radius-xs);object-fit:cover}.queue li>div:not(.queue-actions),.history-list>div>span,.leaderboard-card li>span{min-width:0}.queue strong,.history-list strong,.leaderboard-card li span strong{display:block;font-size:14px;font-weight:600;line-height:1.25}.leaderboard-card li span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrolling-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrolling-text-inner{display:inline-block;width:max-content}.scrolling-text.is-scrollable:hover .scrolling-text-inner,.scrolling-text.is-scrollable:focus-visible .scrolling-text-inner{animation:scrolling-text-scroll var(--scroll-duration, 4s) ease-in-out .35s 1 both alternate}@keyframes scrolling-text-scroll{0%,15%{transform:translate(0)}85%,to{transform:translate(var(--scroll-distance, 0))}}@media(prefers-reduced-motion:reduce){.scrolling-text.is-scrollable:hover .scrolling-text-inner,.scrolling-text.is-scrollable:focus-visible .scrolling-text-inner{animation:none}}.queue small,.history-list small{display:block;margin-top:3px;color:var(--text-2);font-size:11px}.position{color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.queue-actions{display:flex;align-items:center;gap:2px}.queue-actions button,.history-list button,.leaderboard-card li button,.saved-playlists .delete-playlist,.saved-playlists .rename-playlist,.modal-close{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;color:var(--text-2);background:transparent}.queue-actions button:active:not(:disabled),.history-list button:active:not(:disabled),.leaderboard-card li button:active:not(:disabled),.saved-playlists .delete-playlist:active:not(:disabled),.saved-playlists .rename-playlist:active:not(:disabled),.modal-close:active:not(:disabled){background:#ffffff14}.queue-actions button:disabled{opacity:.22}.queue-actions .icon-button,.saved-playlists .delete-playlist{color:#e18d88}.history-card{margin-bottom:16px;padding:0 22px}.history-card summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;font-family:var(--font-sans);font-weight:600;cursor:pointer;list-style:none}.history-card summary::-webkit-details-marker{display:none}.history-card summary small{margin-left:auto;color:var(--text-2);font-family:var(--font-sans);font-size:12px;font-weight:400}.history-card summary:after{width:8px;height:8px;flex:none;border-right:1.8px solid var(--text-2);border-bottom:1.8px solid var(--text-2);content:"";transform:rotate(45deg) translate(-1px,-1px);transition:transform .16s var(--ease),border-color .16s var(--ease)}.history-card[open] summary:after{transform:rotate(225deg) translate(-1px,-1px)}.history-list{display:grid;gap:8px;padding-bottom:20px}.history-list.is-expanded{max-height:480px;overflow-y:auto;padding-right:6px}.history-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-bottom:20px;padding:10px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font:inherit;font-size:13px;cursor:pointer}.history-toggle svg{transition:transform .16s var(--ease)}.history-toggle.is-expanded svg{transform:rotate(180deg)}@media(hover:hover){.history-toggle:hover{border-color:#ffffff1c;background:#ffffff0b;color:var(--text-1)}}.history-list>div{display:grid;grid-template-columns:68px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:8px;border-radius:var(--radius-sm);background:#121214b3}.history-list img{width:68px;aspect-ratio:16 / 9;border-radius:var(--radius-xs);object-fit:cover}.profile-card{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;padding:17px}.profile-emblem{width:68px;height:68px}.profile-info{min-width:0}.profile-info strong,.profile-info>span,.profile-info>small{display:block}.profile-info>strong{overflow:hidden;font-size:16px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.profile-info>span{margin-top:2px;color:#cbbafa;font-size:13px}.profile-info>small{margin-top:2px;color:var(--text-2);font-size:11px}.xp-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:var(--text-2);font-size:10px;font-weight:650}.xp-meta span:last-child{display:inline-flex;align-items:center;gap:3px;color:var(--coin);white-space:nowrap}.gems{font-family:var(--font-sans);font-size:14px;font-weight:650}.xp-bar{position:relative;height:14px;margin-top:7px;overflow:hidden;border-radius:var(--radius-pill);background:#00000047}.xp-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.xp-bar b{position:absolute;inset:0;color:#fff;font-size:11px;font-weight:650;line-height:14px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.7)}.prestige-button,.account-button,.shop-button,.saved-profile{grid-column:2 / 4}.profile-customization-actions{grid-column:2 / 4;display:grid;grid-template-columns:1fr;gap:8px}.prestige-button,.account-button,.shop-button{min-height:44px;padding:9px 12px}.prestige-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:#ffcf648c;color:#fff3ca;background:linear-gradient(120deg,#703dbeeb,#c25b44e0,#6e3fc1eb);background-size:220% 100%;box-shadow:0 8px 28px #6a35b547,inset 0 1px #ffffff2e;animation:prestige-button-flow 4s linear infinite}.prestige-button:hover{border-color:#ffe0a0;box-shadow:0 10px 34px #8f4fe16b,0 0 20px #ffb8582e}@keyframes prestige-button-flow{to{background-position:220% 0}}.account-button,.shop-button{border-color:var(--separator);color:var(--text);background:var(--surface-2)}.profile-customization-actions>button{min-width:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px}.account-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-style:solid;border-width:1px;border-radius:var(--radius-sm);font-weight:600;text-decoration:none}.saved-profile{display:inline-flex;align-items:center;gap:6px;color:#78df91;font-size:12px}.account-state,.logout-button,.profile-account-error{grid-column:2 / 4}.account-state{min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--separator);border-radius:var(--radius-sm);color:var(--text);background:var(--surface-2);text-decoration:none}button.account-state{width:100%;justify-content:flex-start;text-align:left}.account-state>svg:first-child{flex:none}.account-state>svg:last-child{flex:none;margin-left:auto}.account-state>span{min-width:0;display:grid;gap:2px}.account-state strong{font-size:13px}.account-state small{overflow:hidden;color:var(--text-3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-state.pending{border-color:#ff9f0a4d;color:#ffc05c;background:var(--warning-soft)}.account-state.verified{border-color:#30d15847;color:#74e48e;background:var(--success-soft)}.account-state.verified span{color:var(--text)}.logout-button{justify-self:start;min-height:38px;padding:8px 10px;color:#ff9b94;background:transparent}.profile-account-error{margin:0;color:#ff9b94;font-size:12px}.profile-role{grid-column:1 / 4;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:12px;border:1px solid rgba(139,92,246,.22);border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b5cf61a,#1212146b)}.profile-role>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--accent-border);border-radius:12px;color:#cbbafa;background:var(--accent-soft)}.profile-role>div{min-width:0}.profile-role>div>small{display:block;color:#b89ae9;font-size:9px;font-weight:750;letter-spacing:.09em}.profile-role>div>strong{display:block;margin-top:2px;font-size:14px}.profile-role p{margin:3px 0 0;color:var(--text-2);font-size:11px;line-height:1.45}.profile-role ul{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 0;padding:0;list-style:none}.profile-role li{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid var(--separator);border-radius:var(--radius-pill);color:var(--text-2);background:#0000002e;font-size:10px}.profile-role li svg{color:#75df8e}.rank-badge{display:inline-flex;align-items:center;gap:5px;color:#c4b8df;font-size:11px}.rank-badge.compact{margin-top:3px;font-size:11px}.profile-shop{grid-column:1 / 4;display:grid;gap:11px;padding-top:14px;border-top:1px solid var(--separator)}.profile-shop>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-shop>header>div,.profile-shop>header strong,.profile-shop>header small{display:block}.profile-shop>header strong{font-size:15px}.profile-shop>header small{margin-top:2px;color:var(--text-3);font-size:11px}.profile-shop>header>span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid rgba(151,255,80,.2);border-radius:var(--radius-pill);color:#86eb76;background:#53bd2817}.shop-locked,.shop-tip{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--separator);border-radius:var(--radius-sm);color:var(--text-2);background:#00000026}.shop-locked>svg,.shop-tip>svg{flex:none;color:#c6a8ff}.shop-locked span,.shop-locked strong,.shop-locked small,.shop-tip span,.shop-tip strong,.shop-tip small{display:block}.shop-locked strong,.shop-tip strong{color:var(--text);font-size:11px}.shop-locked small,.shop-tip small{margin-top:2px;color:var(--text-3);font-size:10px;line-height:1.4}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-item{min-width:0;min-height:104px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-color:var(--separator);color:var(--text);background:var(--surface-2);text-align:left}.shop-item:disabled{opacity:.68}.shop-item.owned{border-color:#30d15838;background:#30d1580f}.shop-item.active{border-color:#30d15875;box-shadow:inset 0 0 0 1px #30d15814;opacity:1}.shop-preview{width:64px;height:48px;display:grid;place-items:center;border:1px solid var(--separator-strong);border-radius:13px;color:#ccb2ff;background:#8b5cf61c}.shop-name-preview{overflow:hidden;font-size:11px}.preview-emerald{color:#5ee8a2;background:#30d1581a}.preview-fire{color:#ff9a55;background:#ff6f281a}.preview-royal,.preview-elite{color:#ffd06f;background:#ffbe361a}.preview-neon{color:#58dfff;background:#38cbff1a}.preview-frost{color:#bcecff;background:#5dc9ff17}.preview-cyber{color:#66fff0;background:#2af6dc14}.preview-hologram,.preview-galaxy{color:#efb5ff;background:linear-gradient(135deg,#525bff21,#f153ff1f)}.preview-pulse{color:#bd93ff;background:#8b5cf61f;animation:preview-pulse 1.8s ease-in-out infinite}.preview-inferno{color:#ff9a5f;background:#ff4e1a1a;animation:preview-inferno 1.4s ease-in-out infinite alternate}.shop-copy{min-width:0}.shop-copy>small,.shop-copy>strong,.shop-copy>em{display:block}.shop-copy>small{color:#aa91da;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.shop-copy>strong{margin-top:2px;font-size:12px}.shop-copy>em{margin-top:3px;color:var(--text-3);font-size:9px;font-style:normal;line-height:1.35}.shop-price{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;color:#8be879;font-size:11px;font-weight:700;white-space:nowrap}.shop-price>small{display:block;color:#ff9b94;font-size:9px}.shop-defaults{display:flex;align-items:center;justify-content:flex-end;gap:6px}.shop-defaults>span{margin-right:auto;color:var(--text-3);font-size:10px}.shop-defaults button{min-height:32px;padding:5px 9px;border-color:var(--separator);color:var(--text-2);background:#00000024;font-size:10px}.profile-card.frame-neon,.purchase-profile-preview.frame-neon{border-color:#47dbff75;box-shadow:0 0 0 1px #47dbff1f,var(--shadow-card);animation:frame-neon-glow 2.4s ease-in-out infinite alternate}.profile-card.frame-elite,.purchase-profile-preview.frame-elite{border-color:#ffc94d80;box-shadow:0 0 0 1px #ffc94d21,var(--shadow-card);animation:frame-elite-glow 2.8s ease-in-out infinite alternate}.profile-card.frame-pulse,.purchase-profile-preview.frame-pulse{border-color:#a56cff8f;animation:frame-purple-pulse 1.9s ease-in-out infinite}.profile-card.frame-inferno,.purchase-profile-preview.frame-inferno{border-color:#ff642cb3;animation:frame-inferno-glow 1.35s ease-in-out infinite alternate}.profile-card.frame-galaxy,.purchase-profile-preview.frame-galaxy{border-color:#cd73ffad;animation:frame-galaxy-glow 3.2s ease-in-out infinite}.profile-card.master-profile{border-color:#f4cf7894;background:radial-gradient(circle at 76% 18%,rgba(139,92,246,.16),transparent 34%),radial-gradient(circle at 12% 82%,rgba(244,207,120,.09),transparent 30%),linear-gradient(135deg,#120c1cf7,#07060cfa);animation:master-glow 6s var(--ease) infinite alternate}.master-profile .profile-emblem{width:76px;height:76px}.master-rank{color:var(--coin)}.name-emerald,.name-frost,.name-fire,.name-cyber,.name-royal,.name-hologram{position:relative;display:inline-block;font-weight:750!important;line-height:1.25}.name-emerald{color:#69f0a4!important;text-shadow:0 0 6px rgba(65,255,152,.38);animation:emerald-breathe 2.4s ease-in-out infinite}.name-frost{color:transparent!important;background:linear-gradient(90deg,#87dfff,#f3fdff,#8bc8ff,#87dfff);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(105,205,255,.38));animation:name-shimmer 2.7s linear infinite}.name-fire{color:transparent!important;background:linear-gradient(180deg,#fff4a8,#ffbd3d 42%,#ff632f 74%,#ff3030);background-size:100% 170%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(255,79,23,.65));animation:fire-text 1.05s ease-in-out infinite alternate}.name-fire:before,.name-fire:after{content:"🔥";position:absolute;bottom:-.04em;font-size:.68em;line-height:1;-webkit-text-fill-color:initial;filter:drop-shadow(0 0 3px rgba(255,96,25,.7));animation:flame-dance .75s ease-in-out infinite alternate}.name-fire:before{left:-.6em}.name-fire:after{right:-.6em;animation-delay:-.38s}.name-cyber{color:#64fff0!important;text-shadow:1px 0 #ff4bd8,-1px 0 #4f7cff,0 0 7px rgba(60,255,232,.58);animation:cyber-flicker 1.8s steps(2,end) infinite}.name-royal{color:transparent!important;background:linear-gradient(90deg,#b990ff,#ffe185,#f5c452,#bd8cff);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(194,139,255,.45));animation:name-shimmer 2.4s linear infinite}.name-royal:after{content:"♛";margin-left:.24em;color:#ffd867;-webkit-text-fill-color:#ffd867;font-size:.72em;vertical-align:.12em;filter:drop-shadow(0 0 3px rgba(255,211,86,.55))}.name-hologram{color:transparent!important;background:linear-gradient(90deg,#70f5ff,#b39bff,#ff8ce8,#ffe184,#70f5ff);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(164,137,255,.52));animation:hologram-flow 2.2s linear infinite}@keyframes emerald-breathe{0%,to{text-shadow:0 0 4px rgba(65,255,152,.28)}50%{text-shadow:0 0 11px rgba(65,255,152,.72)}}@keyframes name-shimmer{to{background-position:-220% 0}}@keyframes hologram-flow{to{background-position:-300% 0}}@keyframes fire-text{0%{background-position:0 10%;transform:translateY(0)}to{background-position:0 85%;transform:translateY(-.5px)}}@keyframes flame-dance{0%{transform:translateY(1px) rotate(-7deg) scale(.9);opacity:.82}to{transform:translateY(-2px) rotate(7deg) scale(1.08);opacity:1}}@keyframes cyber-flicker{0%,92%,to{transform:translate(0);opacity:1}94%{transform:translate(1px);opacity:.78}96%{transform:translate(-1px);opacity:1}}@keyframes frame-neon-glow{0%{box-shadow:0 0 0 1px #47dbff1f,0 0 8px #28caff14,var(--shadow-card)}to{box-shadow:0 0 0 1px #47dbff52,0 0 24px #28caff47,var(--shadow-card)}}@keyframes frame-elite-glow{0%{box-shadow:0 0 0 1px #ffc94d21,0 0 8px #ffbe3214,var(--shadow-card)}to{box-shadow:0 0 0 1px #ffdc7859,0 0 25px #ffbe323d,var(--shadow-card)}}@keyframes frame-purple-pulse{0%,to{box-shadow:0 0 #985dff0f,var(--shadow-card)}50%{box-shadow:0 0 0 4px #985dff21,0 0 22px #8144f436,var(--shadow-card)}}@keyframes frame-inferno-glow{0%{box-shadow:0 0 0 1px #ff431c2e,0 0 10px #ff3f191f,var(--shadow-card)}to{box-shadow:0 0 0 2px #ffb2364d,0 0 29px #ff44145c,var(--shadow-card)}}@keyframes frame-galaxy-glow{0%,to{box-shadow:0 0 0 1px #7f71ff33,0 0 19px #6453ff33,var(--shadow-card)}33%{box-shadow:0 0 0 2px #ea67ff40,0 0 28px #e447ff4a,var(--shadow-card)}66%{box-shadow:0 0 0 1px #4ad8ff40,0 0 25px #30beff47,var(--shadow-card)}}@keyframes preview-pulse{50%{box-shadow:inset 0 0 12px #985dff47,0 0 8px #985dff2e}}@keyframes preview-inferno{to{box-shadow:inset 0 0 13px #ff551c3d,0 0 8px #ff4d1433}}@keyframes master-glow{0%{box-shadow:0 12px 38px #00000038,0 0 0 1px #f4cf780f}to{box-shadow:0 16px 46px #00000052,0 0 34px #734cd638}}.playlists-card,.leaderboard-card,.chat-card{margin-bottom:16px;padding:20px}.playlists-card form{margin-top:15px}.saved-playlists{display:grid;gap:8px;margin-top:13px}.saved-playlists article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:7px;padding:9px;border:1px solid var(--separator);border-radius:var(--radius-md);background:#121214b3;transition:border-color .16s var(--ease),background-color .16s var(--ease)}.playlist-rename-form{min-width:0;display:flex;align-items:center;gap:6px}.playlist-rename-form input{min-width:0;flex:1;height:36px;padding:0 10px;font-size:13px}.playlist-rename-form button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;color:var(--text-2);background:transparent}.saved-playlists article.selected{border-color:var(--accent-border);background:#8059df14}.saved-playlists strong,.saved-playlists small{display:block}.saved-playlists strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.saved-playlists small{margin-top:2px;color:var(--text-2);font-size:11px}.saved-playlists>article>button:not(.playlist-select):not(.delete-playlist){min-height:44px;padding:8px 10px;border-color:var(--separator);color:var(--text);background:var(--surface-2);font-size:11px}.saved-playlists .playlist-select{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;color:inherit;background:transparent;text-align:left}.saved-playlists .playlist-select>span{min-width:0}.playlist-tracks{grid-column:1 / 4;display:grid;gap:5px;padding:9px 7px 2px;border-top:1px solid var(--separator)}.playlist-tracks span{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:11px}.playlist-track-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-tracks span button{width:20px;min-width:20px;height:20px;min-height:20px;flex:none;margin-left:auto;padding:0;border-radius:50%;color:var(--text-3);background:transparent}.playlist-notice{margin:10px 0 0;color:#78df91;font-size:12px}.playlist-hint{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:12px;color:var(--text-3);font-size:11px}.chat-messages{height:330px;display:grid;align-content:start;gap:12px;margin:16px -4px;padding:0 4px;overflow-y:auto;scrollbar-color:#55555b transparent;scrollbar-width:thin}.chat-messages article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px}.chat-messages article>.prestige-badge{width:36px;height:36px}.chat-messages article>div{min-width:0}.chat-messages article header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}.chat-messages article header strong{color:#cbbafa;font-size:13px}.chat-messages time{color:var(--text-3);font-size:11px}.chat-messages article header button{width:44px;min-width:44px;height:44px;min-height:44px;margin-left:auto;padding:0;border-radius:50%;color:var(--text-2);background:transparent}.chat-messages article p{margin:2px 0 0;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.chat-avatar-button{padding:0;border:none;border-radius:10px;background:transparent}.chat-messages article>.chat-avatar-button{width:36px;height:36px}.chat-avatar-button .prestige-badge{width:100%;height:100%}.chat-name-button{min-width:0;min-height:0;padding:1px 2px;border:none;color:inherit;background:transparent;text-align:left}.chat-name-button strong{overflow:hidden;max-width:30vw;text-overflow:ellipsis;white-space:nowrap}.chat-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px}.chat-reactions button{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:1px solid var(--separator);border-radius:var(--radius-pill);color:var(--text-2);background:#ffffff08;font-size:12px}.chat-reactions button.active{border-color:var(--accent-border);color:#e1d7fc;background:var(--accent-soft)}.chat-reactions button b{font-weight:650;font-variant-numeric:tabular-nums}.chat-reaction-add-wrap{position:relative}.chat-reaction-add{width:24px;height:24px;min-width:0;min-height:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--separator);border-radius:50%;color:var(--text-3);background:transparent}.chat-reaction-picker{position:absolute;bottom:calc(100% + 6px);left:0;z-index:3;display:flex;gap:3px;padding:6px;border:1px solid var(--separator-strong);border-radius:var(--radius-pill);background:var(--surface-solid);box-shadow:var(--shadow-float)}.chat-reaction-picker button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:transparent;font-size:16px}.chat-gif{max-width:min(300px,100%);max-height:240px;display:block;background:#0b0b0d;border-radius:var(--radius-sm)}.chat-gif-wrap{width:fit-content;max-width:100%;display:grid;justify-items:start;gap:5px;margin-top:7px}.chat-gif-wrap>a:first-child{display:block;max-width:100%;border-radius:var(--radius-sm)}.chat-gif-fallback{min-height:44px;display:inline-flex!important;align-items:center;padding:9px 13px;border:1px solid var(--separator);border-radius:var(--radius-sm);color:var(--text-2);background:var(--surface-2);font-size:12px}.chat-gif-credit{display:inline-flex;align-items:center;gap:7px;color:var(--text-3);font-size:10px;letter-spacing:.03em}.chat-gif-credit img{width:88px;height:auto;display:block}.chat-notice{margin:8px 0;color:#ffc46b;font-size:12px}.chat-form{display:block;position:relative}.chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 48px auto;gap:7px}.chat-input-row.without-gif{grid-template-columns:minmax(0,1fr) 44px auto}.chat-input-row>button{min-width:44px;min-height:48px;padding:0 13px;white-space:nowrap}.chat-tool{border-color:var(--separator);color:var(--text-2);background:var(--surface-2)}.chat-tool.active{border-color:var(--accent-border);color:#fff;background:var(--accent-soft)}.gif-tool{font-size:11px;letter-spacing:.02em}.emoji-picker button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:10px;background:transparent;font-size:19px}.gif-search{display:flex;gap:7px}.gif-search button{min-width:94px}.spinner{width:17px;height:17px;display:inline-block;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:280px;margin:9px 0;overflow-y:auto}.gif-grid button{min-height:0;padding:0;overflow:hidden;border:1px solid transparent;border-radius:10px;background:#202023;aspect-ratio:1}.gif-grid img,.gif-grid video{width:100%;height:100%;display:block;object-fit:cover}.leaderboard-title{align-items:flex-start}.leaderboard-tabs{display:flex;gap:4px;padding:3px;border-radius:var(--radius-sm);background:#121214b8}.leaderboard-tabs button{min-height:44px;padding:7px 10px;color:var(--text-2);background:transparent;font-size:11px}.leaderboard-tabs button.active,.leaderboard-tabs button[aria-pressed=true]{color:#fff;background:var(--surface-2);box-shadow:inset 0 1px #ffffff0d}.leaderboard-card ol{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none}.leaderboard-card li{display:grid;grid-template-columns:28px 44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:var(--radius-sm);background:#121214b3}.leaderboard-card li>b{color:var(--text-2);font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.leaderboard-card li img{width:44px;height:44px;border-radius:var(--radius-xs);object-fit:contain}.leaderboard-card li span strong{font-size:13px}.ranking-stats{display:flex!important;align-items:center;flex-wrap:wrap;gap:5px 10px;margin-top:4px;color:var(--text-2);font-size:11px}.ranking-stats>span{display:inline-flex;align-items:center;gap:3px}.leaderboard-card li.podium-1{border-color:#ffcd504d;background:linear-gradient(90deg,#644c162e,#121214b3)}.leaderboard-card li.podium-2{border-color:#d3d8e833}.leaderboard-card li.podium-3{border-color:#c9895b38}.modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#030305c2;backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);animation:backdrop-in .16s ease-out}.auth-modal,.confirm-dialog{box-shadow:var(--shadow-float);animation:modal-in .2s var(--ease)}.auth-modal{position:relative;width:min(480px,100%);max-height:min(760px,calc(100dvh - 32px));padding:28px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.auth-backdrop{overscroll-behavior:contain}.auth-hero{padding-right:30px;margin-bottom:22px}.auth-hero>span,.auth-link-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:17px;border:1px solid var(--accent-border);border-radius:14px;color:#cbbafa;background:var(--accent-soft)}.auth-hero h2{margin-bottom:7px;font-size:23px}.auth-hero>p:last-child{margin:0;color:var(--text-2);font-size:13px}.auth-form,.reset-card form{display:grid;gap:15px}.auth-field{min-width:0;display:grid;gap:7px;color:var(--text-2);font-size:12px;font-weight:600}.auth-field>small{color:var(--text-3);font-size:11px;font-weight:400}.auth-input{position:relative}.auth-input>svg{position:absolute;top:50%;left:14px;z-index:1;color:var(--text-3);pointer-events:none;transform:translateY(-50%)}.auth-input input{min-height:50px;padding-left:43px}.auth-input:has(.password-toggle) input{padding-right:51px}.auth-input:focus-within>svg{color:#bba2f5}.password-toggle{position:absolute;top:3px;right:3px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;color:var(--text-2);background:transparent}.field-error{display:block;margin-top:0;color:#ff9b94;font-size:11px;font-weight:500}.auth-field input[aria-invalid=true]{border-color:#ff453aa6;box-shadow:0 0 0 3px #ff453a1f}.forgot-link{justify-self:end;margin-top:-5px}.auth-submit,.auth-secondary{width:100%;min-height:48px}.auth-secondary{border-color:var(--separator-strong);color:var(--text);background:var(--surface-2)}.auth-text-action,.auth-footer button,.auth-cancel-link{width:auto;min-height:32px;padding:4px 0;border:0;color:#bda5f7;background:transparent;font-size:12px}.auth-message{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.auth-message svg{flex:none;margin-top:1px}.auth-message.error{border-color:#ff453a4d;color:#ffaaa5;background:var(--danger-soft)}.auth-message.success{border-color:#30d1584d;color:#7ee796;background:var(--success-soft)}.auth-profile-recovery{display:grid;gap:9px;padding:13px;border:1px solid var(--separator-strong);border-radius:var(--radius-sm);background:#121214b8}.auth-profile-recovery>strong{font-size:12px}.auth-profile-recovery>p,.auth-profile-recovery>small{margin:0;color:var(--text-3);font-size:11px;line-height:1.5}.auth-profile-recovery .auth-secondary{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.auth-result{display:grid;gap:12px}.auth-result>strong{padding:12px 14px;border:1px solid var(--separator);border-radius:var(--radius-sm);color:var(--text);background:#121214b8;font-size:13px;text-align:center;word-break:break-word}.auth-result ol{display:grid;gap:8px;margin:4px 0 8px;padding-left:24px;color:var(--text-2);font-size:12px}.auth-result>p{color:var(--text-2);font-size:12px;text-align:center}.auth-result .auth-text-action{justify-self:center}.auth-footer{display:flex;align-items:center;justify-content:center;gap:5px;margin:18px 0 0;color:var(--text-3);font-size:12px}.auth-footer button{display:inline-flex}.auth-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:17px;padding-top:15px;border-top:1px solid var(--separator);color:var(--text-3);font-size:10px;text-align:center}.modal-close{position:absolute;top:10px;right:10px;z-index:2}.confirm-dialog{width:min(440px,100%);max-height:calc(100dvh - 28px);overflow-y:auto}.confirm-dialog.with-content{width:min(570px,100%)}.auth-page{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.auth-link-card{width:min(480px,100%);padding:36px;text-align:center}.auth-link-icon{margin-right:auto;margin-left:auto}.auth-link-icon.loading svg{animation:spin 1s linear infinite}.auth-link-icon.success{border-color:#30d1584d;color:#78df91;background:var(--success-soft)}.auth-link-icon.error{border-color:#ff453a4d;color:#ff9b94;background:var(--danger-soft)}.auth-link-card h1{margin-bottom:10px}.auth-link-card>p:not(.eyebrow){margin-bottom:22px;color:var(--text-2)}.auth-link-card>small{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:var(--text-3);font-size:10px}.auth-page-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:var(--radius-sm);color:#fff;background:var(--accent);font-weight:600;text-decoration:none}.auth-progress{width:100%;height:3px;display:block;overflow:hidden;border-radius:var(--radius-pill);background:var(--separator)}.auth-progress:after{content:"";width:38%;height:100%;display:block;border-radius:inherit;background:var(--accent);animation:auth-progress 1.1s ease-in-out infinite alternate}@keyframes auth-progress{to{transform:translate(165%)}}.reset-card{text-align:left}.reset-card>.auth-link-icon,.verification-card>.auth-link-icon{margin-left:0}.reset-card>.eyebrow,.reset-card>h1,.reset-card>p,.verification-card>.eyebrow,.verification-card>h1,.verification-card>p{text-align:left}.reset-card form,.verification-card form{display:grid;gap:15px;margin-top:22px}.verification-card{text-align:left}.verification-card>small{justify-content:flex-start}.auth-cancel-link{display:inline-flex;align-items:center;gap:5px;margin-top:15px;text-decoration:none}.confirm-dialog{display:grid;justify-items:center;padding:30px;text-align:center}.confirm-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:16px;border:1px solid var(--accent-border);border-radius:15px;color:#cbbafa;background:var(--accent-soft)}.confirm-icon.danger{border-color:#ff453a52;color:#ff958f;background:var(--danger-soft)}.confirm-dialog h2{margin-bottom:8px}.confirm-dialog>p{max-width:360px;margin-bottom:22px;color:var(--text-2);font-size:13px}.confirm-dialog.with-content>p{margin-bottom:15px}.confirm-content{width:100%;margin-bottom:19px}.profile-view-card{position:relative;width:min(380px,100%);max-height:calc(100dvh - 28px);display:grid;justify-items:center;overflow-y:auto;padding:30px 26px;text-align:center}.profile-view-card>.prestige-badge{width:84px;height:84px;margin-bottom:14px}.profile-view-card>strong{font-size:17px}.profile-view-card>span{margin-top:3px;color:#cbbafa;font-size:13px}.profile-view-card>.xp-meta,.profile-view-card>.xp-bar{width:100%}.profile-view-card>.xp-meta{margin-top:14px;justify-content:center}.profile-view-card>.profile-role{width:100%;margin-top:16px;text-align:left}.profile-view-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:16px}.profile-view-stats>div{padding:10px 6px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:#0000002e}.profile-view-stats strong{display:block;font-size:16px}.profile-view-stats small{display:block;margin-top:2px;color:var(--text-2);font-size:10px}.purchase-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#b99cf2;font-size:9px;font-weight:750;letter-spacing:.08em}.purchase-preview-heading b{padding:4px 7px;border:1px solid var(--accent-border);border-radius:var(--radius-pill);color:#d7c5ff;background:var(--accent-soft);font-size:9px;letter-spacing:.02em}.purchase-profile-preview{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:94px;padding:14px;border:1px solid var(--separator-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,#25232bf5,#111114fa);text-align:left}.purchase-profile-preview>.prestige-badge{width:58px;height:58px}.purchase-profile-preview>div{min-width:0}.purchase-profile-preview>div>small,.purchase-profile-preview>div>strong,.purchase-profile-preview>div>span{display:block}.purchase-profile-preview>div>small{color:var(--text-3);font-size:8px;font-weight:750;letter-spacing:.07em}.purchase-profile-preview>div>strong{width:fit-content;max-width:100%;margin-top:5px;font-size:18px}.purchase-profile-preview>div>span{margin-top:3px;color:var(--text-2);font-size:10px}.purchase-preview-gems{display:inline-flex;align-items:center;gap:4px;color:#ffd36a;font-size:11px;font-weight:700}.purchase-effect-copy{margin:11px 0 0;color:var(--text-2);font-size:11px;line-height:1.5;text-align:left}.purchase-balance{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:12px;padding:10px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:#0000002b}.purchase-balance>span{display:grid;gap:3px}.purchase-balance>span:first-child{text-align:left}.purchase-balance>span:last-child{text-align:right}.purchase-balance small{color:var(--text-3);font-size:9px}.purchase-balance b{display:inline-flex;align-items:center;gap:4px;color:#89e978;font-size:12px}.purchase-balance>span:last-child b{justify-content:flex-end}.purchase-balance>svg{color:var(--text-3)}.confirm-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.secondary-button{border-color:var(--separator);color:var(--text);background:var(--surface-2)}.confirm-button.danger{background:var(--danger)}.global-toast{position:fixed;top:16px;left:50%;z-index:90;width:min(520px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 15px;border:1px solid var(--separator-strong);border-radius:var(--radius-md);color:var(--text);background:#232326eb;box-shadow:var(--shadow-float);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform:translate(-50%);animation:toast-in .22s var(--ease)}.global-toast.success{border-color:#30d15857}.global-toast.error{border-color:#ff453a61}.global-toast button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;color:var(--text-2);background:transparent}.field-error{display:block;margin-top:0;color:#ff9b94;font-size:11px}@keyframes backdrop-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.player-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 380px;background:#050506}.player-main{position:relative;min-width:0;display:flex;flex-direction:column;background:#050506}.video-stage{position:relative;min-height:55vh;display:flex;flex:1;flex-direction:column;background:#000}.video-frame{position:relative;flex:1;min-height:55vh;overflow:hidden;background:#000}.video-frame>div:first-child,.video-frame iframe{position:absolute;inset:0;width:100%;height:100%}.video-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--text-3);text-align:center}.video-empty span{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--separator);border-radius:20px;color:var(--text-2);background:var(--surface-solid)}.enable-overlay{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;padding:24px;color:var(--text);background:#08080af0;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.enable-overlay button{min-height:52px;padding:13px 20px;font-size:16px}.enable-overlay p{max-width:480px;margin:13px 0 0;color:var(--text-2)}.host-now{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-top:1px solid var(--separator);background:#18181af5}.host-now>div:first-child{min-width:0}.host-now h1{overflow:hidden;font-size:24px;text-overflow:ellipsis;white-space:nowrap}.host-now p:last-of-type{margin:5px 0 0;color:var(--text-2)}.transport{display:flex;align-items:center;justify-content:flex-end;gap:7px}.transport button{min-width:48px;white-space:nowrap}.volume-control{position:relative;display:flex;align-items:center;height:48px;overflow:visible;border:1px solid var(--separator);border-radius:13px;background:#ffffff09;transition:border-color .18s ease,background .18s ease}.volume-control:hover,.volume-control:focus-within{border-color:var(--accent-border);background:#fff1}.volume-control .volume-button{width:48px;min-width:48px;height:46px;padding:0;border:0;border-radius:12px;background:transparent}.guest-volume-control{height:44px;border-radius:12px}.guest-volume-control .volume-button{width:44px;min-width:44px;height:42px;min-height:42px}.volume-control.guest-volume-control:hover .volume-slider-wrap,.volume-control.guest-volume-control:focus-within .volume-slider-wrap{opacity:1;pointer-events:auto;transform:translateY(-50%) scaleX(1)}.guest-volume-control .volume-slider{width:80px}@media(max-width:620px){.speaker-volume-bar{align-items:stretch;flex-direction:column;gap:8px}.volume-scope{justify-content:space-between}}.volume-slider-wrap{position:absolute;z-index:20;top:50%;left:calc(100% - 6px);display:flex;align-items:center;width:108px;height:42px;padding-left:8px;border:1px solid var(--separator);border-radius:11px;background:#1c1c1ff5;box-shadow:0 14px 34px #00000061;opacity:0;pointer-events:none;transform:translateY(-50%) scaleX(.94);transform-origin:left center;transition:opacity .14s ease,transform .18s var(--ease)}.volume-control:hover .volume-slider-wrap,.volume-control:focus-within .volume-slider-wrap{opacity:1;pointer-events:auto;transform:translateY(-50%) scaleX(1)}.transport .host-volume-control{width:48px;flex:0 0 auto;overflow:hidden;border-color:var(--separator);background:#ffffff09;transition:width .22s cubic-bezier(.16,1,.3,1),border-color .16s ease,background-color .16s ease}.transport .host-volume-control:hover,.transport .host-volume-control:focus-within{width:170px;border-color:var(--accent-border);background:#fff1}.transport .host-volume-control .volume-slider-wrap{position:static;z-index:auto;width:0;height:46px;padding:0;overflow:hidden;border:0;background:transparent;box-shadow:none;opacity:0;pointer-events:none;transform:none;clip-path:inset(0 100% 0 0);transform-origin:left center;transition:width .22s cubic-bezier(.16,1,.3,1),padding .22s cubic-bezier(.16,1,.3,1),opacity .12s ease,clip-path .22s cubic-bezier(.16,1,.3,1)}.transport .host-volume-control:hover .volume-slider-wrap,.transport .host-volume-control:focus-within .volume-slider-wrap{width:122px;padding:0 14px 0 9px;opacity:1;pointer-events:auto;transform:none;clip-path:inset(0)}.transport .host-volume-control .volume-button{flex:0 0 48px}.transport .host-volume-control .volume-slider{width:99px;min-width:99px;min-height:4px;height:4px;margin:0;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--volume),rgba(255,255,255,.25) var(--volume) 100%);box-shadow:none}.transport .host-volume-control .volume-slider:focus-visible{outline:none;box-shadow:0 0 0 2px #121216eb,0 0 0 4px #b7adff}.volume-slider{width:88px;height:4px;margin:0 12px 0 2px;appearance:none;border:0;border-radius:999px;outline:none;background:linear-gradient(90deg,var(--accent) 0 var(--volume),rgba(255,255,255,.25) var(--volume) 100%);cursor:pointer}.volume-slider::-webkit-slider-thumb{width:13px;height:13px;appearance:none;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000073}.volume-slider::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000073}.transport .skip{min-width:108px;color:#fff;background:var(--accent);border-color:transparent}.player-shell>aside{max-height:100vh;padding:18px;overflow-y:auto;border-left:1px solid var(--separator);background:#141416}.join-card{margin-bottom:14px;padding:19px;text-align:center}.join-card img{width:154px;display:block;margin:11px auto;padding:7px;border-radius:var(--radius-sm);background:#fff}.join-card strong{font-size:13px;word-break:break-all}.join-card details{margin-top:13px;text-align:left}.join-card summary{min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:11px;text-align:center;cursor:pointer}.join-card details form{flex-direction:column;margin-top:9px}.join-card details input{min-height:48px;padding:9px 11px;font-size:11px}.join-card details button{min-height:44px;padding:9px;font-size:11px}.output-card,.participants-card{margin-bottom:14px;padding:16px}.output-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border-radius:var(--radius-sm);background:#0d0d0fb3}.output-modes button{min-height:44px;padding:7px 4px;color:var(--text-2);background:transparent;font-size:11px}.output-modes button.active{color:#fff;background:var(--surface-2);box-shadow:inset 0 1px #ffffff0d}.output-card>small{display:block;margin-top:9px;color:var(--text-3);font-size:11px}.participants-card>div:not(.section-title){display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid var(--separator)}.participants-card strong,.participants-card small{display:block}.participants-card strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.participants-card small{color:var(--text-2);font-size:11px}.participants-card select{width:auto;max-width:112px;min-height:44px;padding:7px 9px;color:var(--text);background:var(--surface-2);font-size:11px}.role-guide{margin-top:12px;padding-top:11px;border-top:1px solid var(--separator)}.role-guide>summary{color:#cbbafa;font-size:11px;font-weight:650;cursor:pointer}.role-guide>div{display:grid;gap:7px;margin-top:10px}.role-guide article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--separator);border-radius:var(--radius-sm);background:#00000024}.role-guide article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#cbbafa;background:var(--accent-soft)}.role-guide article strong,.role-guide article small{display:block}.role-guide article strong{font-size:11px}.role-guide article small{margin-top:1px;color:var(--text-3);font-size:9px;line-height:1.35}.role-guide article>b{color:var(--text-2);font-size:9px;font-weight:650;white-space:nowrap}.player-shell aside .queue-card{box-shadow:none}.player-shell aside>.status{margin:2px 0 12px 8px}.player-alert{position:absolute;top:14px;left:50%;z-index:5;width:min(620px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px 11px 15px;border:1px solid rgba(255,159,10,.36);border-radius:var(--radius-md);color:#ffd089;background:#342611eb;box-shadow:var(--shadow-float);transform:translate(-50%)}.player-alert button{min-height:44px;padding:8px 11px;white-space:nowrap}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){background:var(--accent-hover)}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#ffffff3d;background:#18181be6}.profile-shortcut:hover,.guest-controls button:hover:not(:disabled),.transport button:hover:not(:disabled),.chat-tool:hover:not(:disabled),.secondary-button:hover:not(:disabled),.account-button:hover:not(:disabled),.shop-button:hover:not(:disabled),.profile-shop>button:hover:not(:disabled),.saved-playlists>article>button:not(.playlist-select):not(.delete-playlist):hover:not(:disabled){border-color:var(--separator-strong);color:#fff;background:var(--surface-hover)}.app-tabs button:hover:not(:disabled),.leaderboard-tabs button:hover:not(:disabled),.output-modes button:hover:not(:disabled),.mini-open:hover:not(:disabled),.mini-track:hover:not(:disabled),.clear-button:hover:not(:disabled),.change-name:hover:not(:disabled),.auth-switch:hover:not(:disabled){color:#fff;background:#ffffff12}.app-tabs button.active:hover:not(:disabled),.leaderboard-tabs button.active:hover:not(:disabled),.output-modes button.active:hover:not(:disabled){background:#ffffff24}.mini-track:hover:not(:disabled){background:transparent}.music-rating button:hover:not(:disabled),.guest-controls .vote-skip:hover:not(:disabled),.vote-skip:hover:not(:disabled){border-color:var(--accent-border);color:#e1d7fc;background:#8059df38}.results button:hover:not(:disabled),.queue li:hover,.history-list>div:hover,.saved-playlists article:hover,.leaderboard-card li:hover{border-color:var(--separator);background:#262629c7}.queue-actions button:hover:not(:disabled),.history-list button:hover:not(:disabled),.leaderboard-card li button:hover:not(:disabled),.modal-close:hover:not(:disabled),.chat-messages article header button:hover:not(:disabled),.saved-playlists .rename-playlist:hover:not(:disabled),.playlist-rename-form button:hover:not(:disabled),.playlist-tracks span button:hover:not(:disabled),.chat-reaction-add:hover:not(:disabled),.global-toast button:hover:not(:disabled){color:#fff;background:#ffffff14}.chat-reactions button:not(.active):hover:not(:disabled){border-color:var(--separator-strong);background:var(--surface-hover)}.chat-name-button:hover strong,.room-participant-button:hover strong{text-decoration:underline}.chat-reaction-picker button:hover{background:var(--surface-hover)}.queue-actions .icon-button:hover:not(:disabled),.saved-playlists .delete-playlist:hover:not(:disabled){color:#ff9b94;background:var(--danger-soft)}.confirm-button.danger:hover:not(:disabled){border-color:#ffffff2e;color:#fff;background:#d93631}.saved-playlists .playlist-select:hover:not(:disabled),.emoji-picker button:hover:not(:disabled){background:#ffffff12}.gif-grid button:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-1px)}}@media(max-width:900px){.player-shell{grid-template-columns:1fr}.player-shell>aside{max-height:none;border-top:1px solid var(--separator);border-left:0}.video-frame,.video-stage{min-height:54vw}.host-now{align-items:flex-start;flex-direction:column}.host-now h1{white-space:normal}.transport{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:620px){body{background-attachment:scroll;background-position:center top}.card{border-radius:19px;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}.welcome{padding:30px 22px}.welcome h1{font-size:27px}.auth-backdrop{place-items:end center;padding:0}.auth-modal{width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));padding:25px 20px calc(20px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0}.auth-input input{font-size:16px}.auth-link-card{padding:30px 20px}.guest-shell{padding:18px 12px calc(106px + env(safe-area-inset-bottom))}.guest-shell:has(.mini-player){padding-bottom:calc(180px + env(safe-area-inset-bottom))}.guest-shell>.app-header{gap:10px;margin-bottom:14px}.brand-mark{width:40px;height:40px;border-radius:13px}.brand-lockup{gap:9px}.brand-lockup h1{max-width:165px;font-size:20px}.header-actions{gap:6px}.header-actions>.status{display:none}.profile-shortcut{padding-right:7px}.profile-shortcut>.prestige-badge{width:30px;height:30px}.app-tabs{position:fixed;top:auto;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;z-index:40;margin:0;box-shadow:var(--shadow-float)}.app-tabs button{min-height:58px;padding:7px 2px}.tab-label{font-size:11px}.tab-badge{top:3px;right:calc(50% - 25px)}.mini-player{position:fixed;right:10px;bottom:calc(80px + env(safe-area-inset-bottom));left:10px;z-index:39;min-height:66px;grid-template-columns:minmax(0,1fr) 44px;margin:0;padding:8px;border-radius:18px;box-shadow:var(--shadow-float)}.mini-track{grid-template-columns:70px minmax(0,1fr)}.mini-art>img{width:70px}.mini-open{display:none}.now-playing,.add-card,.queue-card,.playlists-card,.leaderboard-card,.chat-card{padding:17px}.track{grid-template-columns:1fr;gap:14px}.track img{width:100%;border-radius:var(--radius-sm)}.track h2{font-size:19px}.track h2 .scrolling-text{overflow:visible;text-overflow:clip;white-space:normal}.pulse{display:none}.music-rating{grid-template-columns:1fr auto;gap:12px}.music-rating>small{grid-column:1 / -1;justify-self:end}.guest-controls{display:grid;grid-template-columns:1fr 1fr 44px auto 44px}.guest-controls .vote-skip{grid-column:1 / -1}.add-form{flex-direction:column}.add-form button{width:100%}.priority-toggle{grid-template-columns:auto minmax(0,1fr)}.priority-toggle b{grid-column:2;justify-self:start}.results>button{grid-template-columns:70px minmax(0,1fr) 38px}.results img{width:70px}.queue li{grid-template-columns:18px 58px minmax(0,1fr) auto;gap:7px}.queue img{width:58px}.queue-actions{display:grid;grid-template-columns:repeat(2,44px)}.queue-actions button{width:44px;min-width:44px;height:44px;min-height:44px}.queue-actions button:only-child{grid-column:2}.history-card{padding-inline:17px}.history-list>div{grid-template-columns:58px minmax(0,1fr) auto auto}.history-list img{width:58px}.profile-card{grid-template-columns:62px minmax(0,1fr) auto;padding:15px}.profile-emblem{width:62px;height:62px}.playlists-card form{flex-direction:column}.saved-playlists article{grid-template-columns:minmax(0,1fr) auto}.saved-playlists .playlist-select,.playlist-tracks{grid-column:1 / -1}.leaderboard-title{display:grid;gap:12px}.leaderboard-tabs{width:100%}.leaderboard-tabs button{flex:1}.chat-messages{height:min(43vh,360px)}.chat-input-row{grid-template-columns:44px 48px minmax(0,1fr)}.chat-input-row>input{grid-column:1 / -1}.chat-input-row>button:last-child{justify-self:stretch}.gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-toast{top:10px}.auth-modal,.confirm-dialog{padding:25px 20px}.auth-modal{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.player-alert{align-items:stretch;flex-direction:column}.host-now{min-height:0;padding:19px}.host-now h1{font-size:20px}.player-shell>aside{padding:14px}}@media(max-width:420px){.brand-lockup h1{max-width:130px}.purchase-profile-preview{grid-template-columns:48px minmax(0,1fr);gap:9px;padding:11px}.purchase-profile-preview>.prestige-badge{width:48px;height:48px}.purchase-profile-preview>div>strong{font-size:15px}.purchase-preview-gems{grid-column:2}.profile-shortcut>span{display:none}.profile-shortcut{width:44px;justify-content:center;padding:4px}.tab-label{font-size:11px}.music-rating{grid-template-columns:1fr}.rating-actions{justify-content:flex-start}.music-rating>small{justify-self:start}.guest-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.guest-controls>button:nth-child(1){grid-column:1 / 3}.guest-controls>button:nth-child(2){grid-column:3 / 5}.guest-controls>button:nth-child(3){grid-column:1;justify-self:center}.guest-controls .volume-readout{grid-column:2 / 4}.guest-controls>button:nth-child(5){grid-column:4;justify-self:center}.guest-controls .vote-skip{grid-column:1 / -1}.queue li{grid-template-columns:18px 52px minmax(0,1fr) auto}.queue img{width:52px}.queue-actions{grid-template-columns:44px}.queue-actions button,.queue-actions button:only-child{width:44px;min-width:44px;height:44px;min-height:44px;grid-column:1}.history-list>div{grid-template-columns:54px minmax(0,1fr) auto}.history-list img{width:54px}.history-list button{width:44px;min-width:44px;height:44px;min-height:44px}.history-list button:last-child{grid-column:3}.profile-card{grid-template-columns:56px minmax(0,1fr)}.profile-emblem{width:56px;height:56px}.gems{grid-column:2;justify-self:start}.prestige-button,.account-button,.shop-button,.saved-profile,.account-state,.logout-button,.profile-account-error,.profile-role,.profile-shop,.profile-customization-actions{grid-column:1 / -1}.shop-grid,.confirm-actions{grid-template-columns:1fr}.output-modes{grid-template-columns:repeat(2,1fr)}}.prestige-celebration{position:fixed;z-index:120;inset:0;display:grid;place-items:center;overflow:hidden;padding:24px;color:#fff;background:radial-gradient(circle at 50% 45%,rgba(135,77,230,.34),transparent 34%),radial-gradient(circle at 18% 20%,rgba(255,146,69,.14),transparent 30%),#05040cf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:prestige-backdrop-in .55s ease both}.prestige-celebration.master{background:radial-gradient(circle at 50% 43%,rgba(112,75,196,.2),transparent 27%),radial-gradient(circle at 50% 52%,rgba(244,207,120,.08),transparent 38%),#030208f9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:master-backdrop-consecrate .65s ease-out both}.master .prestige-aurora{display:none}.master-light-column{position:absolute;top:-10vh;left:50%;width:min(340px,66vw);height:72vh;transform:translate(-50%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(199,181,255,.2),rgba(132,90,226,.08) 48%,transparent 100%);opacity:.52;pointer-events:none;animation:master-light-descend 1.6s cubic-bezier(.16,1,.3,1) .25s both}.prestige-aurora{position:absolute;width:min(1000px,100vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 20deg,transparent,rgba(136,76,237,.23),transparent 30%,rgba(255,154,74,.16),transparent 57%,rgba(84,193,255,.15),transparent 80%);filter:blur(28px);animation:prestige-aurora-spin 12s linear infinite}.prestige-particles{position:absolute;left:50%;top:43%;width:1px;height:1px}.prestige-particles i{position:absolute;width:var(--particle-size);height:var(--particle-size);border-radius:50%;background:#fff0a8;box-shadow:0 0 10px #d49cff,0 0 20px #ffbd64cc;opacity:0;animation:prestige-particle 1.45s cubic-bezier(.2,.7,.2,1) var(--particle-delay) both}.prestige-particles i:nth-child(3n){background:#a9deff}.prestige-particles i:nth-child(4n){border-radius:2px;transform:rotate(45deg)}.master .prestige-particles{top:44%}.master .prestige-particles i{background:#fff1b0;box-shadow:0 0 9px #f4cf78f2,0 0 22px #8b5cf6a6;animation:master-particle-converge 1.2s cubic-bezier(.7,0,.3,1) calc(.42s + var(--particle-delay)) both}.master .prestige-particles i:nth-child(n+8){display:none}.prestige-reveal{position:relative;z-index:2;width:min(620px,100%);padding:34px 34px 30px;border:1px solid rgba(220,191,255,.26);border-radius:30px;text-align:center;background:linear-gradient(145deg,#211937db,#0f0d1bc7);box-shadow:0 30px 90px #0009,inset 0 1px #ffffff1f,0 0 80px #7d45da2e;animation:prestige-card-rise .8s cubic-bezier(.16,1,.3,1) .12s both}.master .prestige-reveal{width:min(650px,100%);border-color:#f4cf7861;background:radial-gradient(circle at 50% 22%,rgba(126,84,218,.17),transparent 35%),linear-gradient(145deg,#120c1cf5,#06050bf0);box-shadow:0 34px 110px #000000c7,inset 0 1px #fff1bf26,0 0 72px #7048c626;animation:master-throne-rise .9s cubic-bezier(.16,1,.3,1) .48s both}.prestige-kicker{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px;color:#dcc2ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.prestige-emblem-stage{position:relative;display:grid;width:210px;height:210px;margin:0 auto -2px;place-items:center}.master .prestige-emblem-stage{width:238px;height:228px;margin-bottom:0}.master-coronation-rays{position:absolute;inset:0;z-index:0;pointer-events:none}.master-coronation-rays i{position:absolute;left:50%;top:50%;width:1px;height:88px;transform-origin:50% 0;transform:rotate(var(--ray-angle)) translateY(34px);background:linear-gradient(180deg,rgba(255,239,177,.76),transparent 88%);opacity:.28;animation:master-ray-unfurl 1.1s cubic-bezier(.16,1,.3,1) calc(1.1s + var(--ray-delay)) both}.prestige-emblem-stage .prestige-badge{position:relative;z-index:3;width:138px;height:138px;animation:prestige-emblem-burst .9s cubic-bezier(.23,1,.32,1) .28s both,prestige-emblem-float 3s ease-in-out 1.18s infinite}.master .prestige-emblem-stage .prestige-badge{width:164px;height:164px;animation:master-emblem-awaken 1.15s cubic-bezier(.16,1,.3,1) 1.08s both,master-emblem-reign 5.5s ease-in-out 2.25s infinite}.prestige-emblem-stage .prestige-badge svg{filter:drop-shadow(0 14px 28px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(205,157,255,.42))}.prestige-emblem-glow{position:absolute;z-index:1;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,227,156,.85),rgba(133,72,228,.38) 42%,transparent 72%);filter:blur(8px);animation:prestige-glow-pulse 2s ease-in-out infinite}.master .prestige-emblem-glow{width:154px;height:154px;background:radial-gradient(circle,rgba(255,235,166,.66),rgba(116,76,204,.34) 40%,transparent 72%);opacity:.72;animation:master-glow-coronate 1.5s cubic-bezier(.16,1,.3,1) 1.35s both,prestige-glow-pulse 5.8s ease-in-out 2.85s infinite}.prestige-ring{position:absolute;z-index:2;inset:21px;border:2px solid rgba(224,185,255,.6);border-radius:50%;box-shadow:0 0 24px #955be757,inset 0 0 24px #ffbf6e26;opacity:0;animation:prestige-ring 1.25s ease-out .45s both}.prestige-ring.ring-two{inset:4px;border-color:#ffc97147;animation-delay:.68s}.master .prestige-ring{inset:24px;border-color:#f4cf78a8;box-shadow:0 0 26px #f4cf7833,inset 0 0 22px #774fd526;animation:master-ring-coronate 1.35s cubic-bezier(.16,1,.3,1) 1.42s both}.master .prestige-ring.ring-two{inset:4px;border-color:#9a74ff47;animation-delay:1.58s}.master .prestige-emblem-shine{display:none}.prestige-emblem-shine{position:absolute;z-index:4;top:38px;width:34px;height:140px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);filter:blur(3px);opacity:0;transform:translate(-100px) rotate(24deg);animation:prestige-shine 1s ease .95s both;pointer-events:none}.prestige-reveal h2{margin:0;color:#fff;font-size:clamp(34px,7vw,58px);font-weight:850;letter-spacing:-.04em;text-shadow:0 0 26px rgba(183,130,255,.42);animation:prestige-title-glow 2.6s ease-in-out 1.2s infinite}.master .prestige-reveal h2{color:#fff0bd;font-size:clamp(38px,8vw,64px);letter-spacing:-.035em;text-shadow:0 8px 30px rgba(0,0,0,.62),0 0 28px rgba(244,207,120,.27);animation:master-title-arrive .8s cubic-bezier(.16,1,.3,1) 1.88s both}.master-coronation-copy{margin:7px 0 0;color:#cfb36f;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;animation:master-copy-arrive .7s ease-out 2.08s both}.prestige-message{max-width:520px;margin:12px auto 22px;color:#c9c1d8;font-size:15px;line-height:1.55}.master .prestige-message{color:#d5cce2;animation:master-copy-arrive .7s ease-out 2.18s both}.prestige-reset-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.master .prestige-reset-stats{animation:master-copy-arrive .7s ease-out 2.3s both}.master .prestige-reset-stats span{border-color:#f4cf7826;background:#fff4cf09}.master .prestige-reset-stats small{color:#aa9b7d}.master .prestige-reset-stats strong{color:#fff0bd}.prestige-reset-stats span{padding:12px 8px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff0b}.prestige-reset-stats small,.prestige-reset-stats strong{display:block}.prestige-reset-stats small{color:#978da9;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.prestige-reset-stats strong{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;color:#f3e7ff;font-size:14px}.prestige-reveal>button{min-width:190px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:#ffe1a973;color:#fff;background:linear-gradient(125deg,#7d4cdc,#a75ed7 55%,#d17d58);box-shadow:0 10px 30px #7743cf59}.master .prestige-reveal>button{border-color:#ffe89d94;color:#140e1d;background:#f4cf78;box-shadow:0 12px 34px #0000005c,0 0 26px #f4cf7829;animation:master-copy-arrive .7s ease-out 2.42s both}.master .prestige-reveal>button:hover{background:#ffe49b}@keyframes prestige-backdrop-in{0%{opacity:0}}@keyframes prestige-card-rise{0%{opacity:0;transform:translateY(28px) scale(.94)}}@keyframes prestige-aurora-spin{to{transform:rotate(360deg)}}@keyframes prestige-particle{0%{opacity:0;transform:rotate(var(--particle-angle)) translate(35px) scale(.2)}18%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle)) translate(var(--particle-distance)) scale(1.1)}}@keyframes prestige-emblem-burst{0%{opacity:0;transform:scale(.15) rotate(-20deg)}}@keyframes prestige-emblem-float{50%{transform:translateY(-6px) scale(1.025)}}@keyframes prestige-ring{0%{opacity:.9;transform:scale(.28) rotate(-25deg)}to{opacity:0;transform:scale(1.42) rotate(18deg)}}@keyframes prestige-glow-pulse{50%{opacity:.68;transform:scale(1.14)}}@keyframes prestige-shine{35%{opacity:.9}to{opacity:0;transform:translate(100px) rotate(24deg)}}@keyframes prestige-title-glow{50%{text-shadow:0 0 36px rgba(210,167,255,.7),0 0 70px rgba(255,169,91,.17)}}@keyframes master-backdrop-consecrate{0%{opacity:0;background-color:#000000db}}@keyframes master-light-descend{0%{opacity:0;transform:translate(-50%) translateY(-18%)}}@keyframes master-particle-converge{0%{opacity:0;transform:rotate(var(--particle-angle)) translate(var(--particle-distance)) scale(.45)}38%{opacity:.9}82%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle)) translate(22px) scale(.15)}}@keyframes master-throne-rise{0%{opacity:0;transform:translateY(22px) scale(.965)}}@keyframes master-ray-unfurl{0%{opacity:0;transform:rotate(var(--ray-angle)) translateY(25px) scaleY(.1)}45%{opacity:.72}to{opacity:.22;transform:rotate(var(--ray-angle)) translateY(42px) scaleY(1)}}@keyframes master-emblem-awaken{0%{opacity:0;transform:scale(.72)}54%{opacity:1;transform:scale(1.055)}to{transform:scale(1)}}@keyframes master-emblem-reign{50%{transform:translateY(-4px)}}@keyframes master-glow-coronate{0%{opacity:0;transform:scale(.25)}62%{opacity:.9;transform:scale(1.18)}}@keyframes master-ring-coronate{0%{opacity:0;transform:scale(.28) rotate(-28deg)}65%{opacity:.7}to{opacity:.24;transform:scale(1) rotate(0)}}@keyframes master-title-arrive{0%{opacity:0;transform:translateY(14px)}}@keyframes master-copy-arrive{0%{opacity:0;transform:translateY(9px)}}@media(max-width:520px){.prestige-celebration{padding:12px}.prestige-reveal{padding:25px 16px 22px;border-radius:24px}.prestige-emblem-stage{width:170px;height:170px}.prestige-emblem-stage .prestige-badge{width:112px;height:112px}.master .prestige-emblem-stage{width:180px;height:180px}.master .prestige-emblem-stage .prestige-badge{width:124px;height:124px}.master .prestige-particles i:nth-child(n+6){display:none}.prestige-ring{inset:18px}.prestige-message{font-size:13px}.prestige-reset-stats{gap:5px}.prestige-reset-stats span{padding:10px 4px}.prestige-reset-stats strong{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}:root{--bg: #080809;--surface: rgba(27, 27, 29, .78);--surface-solid: #1b1b1d;--surface-2: rgba(255, 255, 255, .055);--surface-hover: rgba(255, 255, 255, .085);--surface-deep: rgba(12, 12, 13, .9);--text: #f5f5f7;--text-2: #a6a6ab;--text-3: #737378;--separator: rgba(255, 255, 255, .075);--separator-strong: rgba(255, 255, 255, .125);--accent: #7c6df2;--accent-hover: #8b7cf5;--accent-pressed: #6e5edc;--accent-soft: rgba(124, 109, 242, .12);--accent-border: rgba(124, 109, 242, .35);--focus: rgba(124, 109, 242, .25);--radius-xs: 9px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--shadow-card: 0 0 0 1px rgba(255, 255, 255, .025), 0 18px 55px rgba(0, 0, 0, .24);--shadow-float: 0 24px 80px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08);--ease: cubic-bezier(.22, 1, .36, 1)}html{background:#080809}body{color:var(--text);background:radial-gradient(ellipse 70% 44% at 50% -12%,rgba(124,109,242,.12),transparent 68%),linear-gradient(180deg,#0b0b0d 0,#080809 52%,#060607);background-attachment:fixed;letter-spacing:-.008em}body:before{content:"";position:fixed;z-index:-1;inset:0;opacity:.3;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) .5px,transparent .5px);background-size:5px 5px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 45%);mask-image:linear-gradient(to bottom,black,transparent 45%)}button{border-radius:12px;background:var(--accent);font-weight:650;box-shadow:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s var(--ease)}@media(hover:hover){button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.card:hover{border-color:#ffffff1b}}button:active:not(:disabled){transform:scale(.975)}input,select,textarea{min-height:50px;border-color:#ffffff1c;border-radius:13px;background:#0000003d;box-shadow:inset 0 1px #ffffff06}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#7c6df2b8;background:#00000052;box-shadow:0 0 0 4px var(--focus)}h1,h2{font-weight:700;letter-spacing:-.035em}h1{line-height:1.08}h2{font-size:20px}.eyebrow{margin-bottom:6px;color:#a99ef8;font-size:10px;font-weight:750;letter-spacing:.13em}.card{border-color:var(--separator);background:#19191bc7;box-shadow:var(--shadow-card);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%);transition:border-color .25s ease,transform .35s var(--ease),box-shadow .35s var(--ease)}.guest-shell{width:min(940px,100%);padding:34px 22px 90px}.guest-shell>.app-header{min-height:58px;margin-bottom:20px}.brand-lockup{gap:14px}.brand-mark{width:48px;height:48px;border-color:#ffffff1a;border-radius:15px;color:#d0c9ff;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14,0 8px 24px #0003}.brand-lockup h1{font-size:clamp(25px,4vw,32px)}.header-actions{gap:10px}.status{color:var(--text-2);font-size:12px}.status:before{width:7px;height:7px;box-shadow:none}.profile-shortcut{min-height:50px;padding:6px 11px 6px 7px;border-color:#ffffff17;border-radius:15px;color:var(--text);background:#ffffff0e;box-shadow:inset 0 1px #ffffff0b}.profile-shortcut:active:not(:disabled){background:#ffffff14}.profile-shortcut>.prestige-badge{width:36px;height:36px}.profile-shortcut strong{font-size:12px}.profile-shortcut small{color:var(--text-2)}.app-tabs{position:sticky;z-index:30;top:14px;gap:4px;margin-bottom:18px;padding:5px;border-color:#ffffff17;border-radius:19px;background:#19191bc2;box-shadow:0 12px 38px #00000047,inset 0 1px #ffffff0b;backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%)}.app-tabs button{min-height:58px;gap:4px;border:0;border-radius:14px;color:#87878d;background:transparent;box-shadow:none}.app-tabs button.active{color:#fff;background:#ffffff1a;box-shadow:inset 0 1px #ffffff13,0 4px 12px #00000024}.app-tabs button.active .tab-icon{color:#b7aefb;transform:none}.app-tabs button:focus-visible{outline-width:2px;outline-offset:-2px}.tab-icon{transition:color .25s ease,transform .35s var(--ease)}.app-tabs button:hover:not(:disabled) .tab-icon{transform:translateY(-1px)}.tab-label{font-size:11px;font-weight:600}.tab-badge{border:0;background:#7c6df2e6}.tab-panel{display:grid;gap:18px}.guest-speaker{min-height:92px;grid-template-columns:minmax(190px,1fr) auto;gap:8px 20px;margin-bottom:18px;padding:18px 20px;border-radius:20px}.guest-speaker>div:first-child{align-self:center}.guest-speaker .eyebrow{color:var(--text-3)}.guest-speaker strong{font-size:13px}.speaker-actions{align-self:center}.speaker-output{border:0;color:#b9b1f7;background:var(--accent-soft)}.speaker-volume-bar{padding-top:12px;border-top-color:#fff1}.speaker-compact{position:relative;right:auto;bottom:auto;width:auto;min-height:68px;margin:0 0 18px;padding:14px 18px;border-radius:18px;box-shadow:var(--shadow-card);animation:none}.speaker-compact .speaker-volume-bar{margin-top:3px}.now-playing,.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card,.profile-card,.history-card{border-radius:24px}.now-playing{min-height:286px;padding:28px}.now-label{align-items:center}.now-label .eyebrow{color:var(--text-3)}.live-pill{border:0;color:#69db80;background:#30d1581a}.track{gap:20px;margin-top:34px}.track>img{width:148px;border-radius:18px;box-shadow:0 18px 42px #00000061}.track h2{font-size:clamp(22px,4vw,31px)}.pulse{border:0;background:#ffffff0e}.empty-state{min-height:190px}.empty-state>span{width:54px;height:54px;border:0;border-radius:16px;color:#b8aff9;background:#7c6df21c;box-shadow:none}.empty-state strong{font-size:16px}.empty-state p{color:var(--text-2)}.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card{padding:26px}.section-title{margin-bottom:18px}.section-title h2{font-size:22px}.section-title small{margin-top:3px;color:var(--text-3)}.section-title>span,.section-title>div:last-child>span{color:var(--text-2)}.limit-pill{border:0;color:#c8c2fa;background:var(--accent-soft)}.add-card>p{margin-bottom:16px;color:var(--text-2)}.add-form{gap:9px}.priority-toggle{margin-top:12px;border-color:var(--separator);border-radius:16px;background:#ffffff06}.priority-toggle.active{border-color:var(--accent-border);background:var(--accent-soft)}.queue li,.history-list>div,.saved-playlists article,.leaderboard-card li{border-color:#fff1;background:#ffffff06;transition:border-color .2s ease,background-color .2s ease,transform .3s var(--ease)}@media(hover:hover){.queue li:hover,.history-list>div:hover,.saved-playlists article:hover,.leaderboard-card li:hover{border-color:#ffffff1c;background:#ffffff0b;transform:translateY(-1px)}}.queue img,.history-list img{border-radius:10px}.position{color:var(--text-3);font-variant-numeric:tabular-nums}.empty{color:var(--text-2)}.mini-player{margin-bottom:18px;border-radius:18px;background:#19191be0}.chat-messages{border-color:var(--separator);border-radius:18px;background:#00000026}.chat-messages article{border-bottom-color:#ffffff0e}.chat-messages article>.prestige-badge{border-radius:10px;background:#ffffff0a}.chat-input-row{gap:7px}.chat-input-row>button{border-radius:12px}.emoji-picker,.gif-explorer{border-color:var(--separator);border-radius:17px;background:#0a0a0beb;box-shadow:var(--shadow-float)}.leaderboard-tabs{padding:3px;border:0;border-radius:11px;background:#ffffff0e}.leaderboard-tabs button{border:0;border-radius:9px;background:transparent}.leaderboard-tabs button.active,.leaderboard-tabs button[aria-pressed=true]{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #00000029}.leaderboard-card li.podium-1,.leaderboard-card li.podium-2,.leaderboard-card li.podium-3{border-color:#ffffff16;background:#ffffff09;box-shadow:none}.playlists-card form{margin-bottom:18px}.playlist-select{background:transparent}.profile-card{grid-template-columns:82px minmax(0,1fr) auto;gap:18px;padding:26px}.profile-emblem{width:82px;height:82px}.profile-info>strong{font-size:19px}.profile-info>span{color:#b9b1f7}.xp-meta{margin-top:11px}.xp-bar{height:12px;margin-top:6px;background:#00000052}.xp-bar i{background:linear-gradient(90deg,#6d5fe7,#9c91fa)}.xp-bar b{font-size:9px;line-height:12px}.gems{padding:8px 10px;border-radius:12px;background:#ffffff0b}.profile-customization-actions{gap:10px}.profile-customization-actions>.shop-button{grid-column:auto}.profile-customization-actions>button,.account-button,.logout-button{border-color:var(--separator);border-radius:14px;background:#ffffff0b}.profile-customization-actions>button:hover:not(:disabled),.account-button:hover,.logout-button:hover:not(:disabled){background:#ffffff13}.profile-role{border-color:var(--separator);border-radius:18px;background:#ffffff06}.profile-role>span{border:0;color:#b9b1f7;background:var(--accent-soft)}.profile-role li{border:0;color:var(--text-2);background:#ffffff0a}.profile-shop{border-top-color:var(--separator);animation:none}.shop-grid{gap:10px}.shop-item,.purchase-profile-preview{border-color:var(--separator);border-radius:16px;background-color:#ffffff08}.shop-item:hover:not(:disabled){border-color:#ffffff21;background-color:#ffffff0e}.shop-preview{border-color:#ffffff1a;border-radius:13px}.shop-tip{border:0;border-radius:15px;background:#ffffff08}.change-name{color:var(--text-2)}.change-name:hover:not(:disabled){color:var(--text);background:#ffffff0b}.global-toast{inset:auto auto 24px 50%;width:min(470px,calc(100% - 28px));border-color:#ffffff1f;border-radius:16px;background:#232326e6;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(30px) saturate(140%);backdrop-filter:blur(30px) saturate(140%);transform:translate(-50%);animation:none}.auth-backdrop,.confirm-backdrop{background:#000000a8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-modal,.confirm-dialog{border-color:#ffffff1c;border-radius:24px;background:#1d1d1ff0;box-shadow:var(--shadow-float)}.confirm-icon,.auth-hero>span{border:0;background:var(--accent-soft)}.welcome{border-radius:28px;background:#19191bd1}.logo{border:0;border-radius:18px;background:#7c6df2eb;box-shadow:0 14px 36px #362b9152,inset 0 1px #fff3}.player-shell{grid-template-columns:minmax(0,1fr) 390px;min-height:100vh;background:#050506}.player-main{background:#030304}.video-stage{background:#000}.video-stage:after{box-shadow:inset 0 -90px 90px -70px #000000e6}.enable-overlay{background:radial-gradient(circle at center,rgba(124,109,242,.09),transparent 42%),#030304}.enable-overlay button{min-height:50px;padding-inline:22px;border-radius:14px}.host-now{min-height:132px;padding:24px 28px;border-top-color:#ffffff13;background:#121214f0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.host-now h1{font-size:clamp(23px,3vw,34px)}.transport{gap:8px}.transport button{border-color:#ffffff14;border-radius:12px;background:#ffffff0e}.transport button:hover:not(:disabled){background:#ffffff1a}.transport .skip{border-color:transparent;background:var(--accent)}.player-shell>aside{gap:14px;padding:18px;border-left-color:#ffffff13;background:#101011}.player-shell aside .card{border-radius:20px;background:#ffffff09;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.join-card,.output-card,.participants-card{padding:20px}.join-card img{border-radius:16px}.output-modes{padding:3px;border-radius:12px;background:#00000038}.output-modes button{border:0;border-radius:9px;background:transparent}.output-modes button.active{color:#fff;background:#ffffff1c;box-shadow:0 2px 8px #0003}.participants-card>div:not(.section-title){border-color:#ffffff0f}@media(max-width:980px){.player-shell{grid-template-columns:1fr}.player-shell>aside{border-top:1px solid var(--separator);border-left:0}}@media(max-width:700px){body{background:linear-gradient(180deg,#0b0b0d,#070708)}.guest-shell{padding:22px 14px 108px}.guest-shell>.app-header{margin-bottom:16px}.brand-mark{width:42px;height:42px;border-radius:13px}.brand-lockup h1{font-size:24px}.header-actions .status{display:none}.profile-shortcut{min-width:48px;width:48px;min-height:48px;padding:5px}.profile-shortcut>span{display:none}.profile-shortcut>.prestige-badge{width:36px;height:36px}.app-tabs{position:fixed;inset:auto 10px 10px;z-index:90;margin:0;padding:5px 4px max(5px,env(safe-area-inset-bottom));border-radius:20px;background:#1c1c1ee0;box-shadow:0 18px 60px #00000080,inset 0 1px #ffffff14}.app-tabs button{min-height:55px;padding:6px 2px;border-radius:15px}.tab-label{font-size:9px}.tab-badge{top:3px;right:12%}.guest-speaker,.speaker-compact{grid-template-columns:1fr auto;padding:15px}.speaker-volume-bar{grid-column:1 / -1}.now-playing{min-height:250px;padding:22px}.track{align-items:flex-start;margin-top:24px}.track>img{width:105px;border-radius:14px}.pulse{display:none}.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card{padding:20px}.section-title h2{font-size:20px}.add-form{grid-template-columns:1fr}.add-form button{width:100%}.profile-card{grid-template-columns:64px minmax(0,1fr);padding:20px}.profile-emblem{width:64px;height:64px}.gems{grid-column:2;justify-self:start}.profile-customization-actions{grid-template-columns:1fr}.global-toast{bottom:88px}.player-shell>aside{padding:12px}.host-now{padding:20px}}@media(prefers-reduced-motion:reduce){.tab-panel,.tab-panel>*,.speaker-compact,.profile-shop,.global-toast{animation:none!important}}body{background:linear-gradient(180deg,#05060a33,#0506098f 48%,#040406d6),url(/assets/vibeland-city-background.webp) center top / cover fixed no-repeat,#070708}body:before{z-index:-1;opacity:1;background:radial-gradient(circle at 50% 0,rgba(124,109,242,.13),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.3),transparent 24%,transparent 76%,rgba(0,0,0,.3));background-size:auto;-webkit-mask-image:none;mask-image:none}.guest-shell{width:min(1180px,100%);padding:34px 24px 90px}.guest-shell>.app-header{margin-bottom:26px;padding:0 4px}.app-workspace{display:grid;grid-template-columns:218px minmax(0,1fr);align-items:start;gap:20px}.app-sidebar{position:sticky;top:20px;display:grid;gap:14px}.app-sidebar .app-tabs{position:relative;top:auto;display:flex;flex-direction:column;gap:3px;margin:0;padding:10px;border-radius:22px;background:#161619d1}.tabs-caption{display:block;padding:7px 10px 8px;color:var(--text-3);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.app-sidebar .app-tabs button{min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;justify-content:initial;gap:9px;padding:8px 10px;text-align:left}.app-sidebar .app-tabs button.active{color:#fff;background:#ffffff18}.app-sidebar .tab-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px}.app-sidebar .app-tabs button.active .tab-icon{color:#d2cdfd;background:#7c6df224}.app-sidebar .tab-label{font-size:12px}.app-sidebar .guest-speaker,.app-sidebar .speaker-compact{position:relative;inset:auto;width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:13px;margin:0;padding:16px;border-radius:20px;background:#161619d1;box-shadow:var(--shadow-card)}.app-sidebar .guest-speaker .eyebrow{margin-bottom:5px;font-size:8px}.app-sidebar .guest-speaker strong{display:block;font-size:12px;line-height:1.35}.app-sidebar .speaker-actions{justify-self:end}.app-sidebar .speaker-output,.app-sidebar .speaker-live,.app-sidebar .speaker-unavailable{padding:5px 7px;font-size:8px}.app-sidebar .speaker-volume-bar{grid-column:1 / -1;grid-template-columns:1fr;gap:10px;padding-top:12px}.app-sidebar .volume-scope{grid-template-columns:minmax(0,1fr) auto}.app-sidebar .volume-scope>span{font-size:9px}.app-sidebar .guest-volume-control{width:38px}.app-content>.mini-player{margin-bottom:16px}.music-panel{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:stretch}.now-playing{min-height:414px;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(124,109,242,.11),transparent 35%),#161619db}.now-playing:has(.empty-state){min-height:330px}.now-playing .empty-state{min-height:235px}.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card,.profile-card,.history-card{background:#161619db}.chat-panel .chat-card{min-height:650px}.chat-panel .chat-messages{min-height:440px}.ranking-panel .leaderboard-card{min-height:470px}.profile-panel .change-name{justify-self:center;margin-top:-3px}@media(max-width:1040px){.guest-shell{width:min(980px,100%)}.app-workspace{grid-template-columns:196px minmax(0,1fr);gap:16px}.music-panel{grid-template-columns:1fr}.music-panel>.now-playing,.music-panel>.add-card,.music-panel>.queue-card{grid-column:1}}@media(max-width:820px){.guest-shell{padding:24px 16px 104px}.app-workspace{display:block}.app-sidebar{position:static;display:block}.app-sidebar .app-tabs{position:sticky;z-index:30;top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:5px;border-radius:19px}.tabs-caption{display:none}.app-sidebar .app-tabs button{min-height:56px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 2px;text-align:center}.app-sidebar .tab-icon{width:auto;height:auto;background:transparent!important}.app-sidebar .tab-badge{position:absolute;top:4px;right:7%}.app-sidebar .guest-speaker,.app-sidebar .speaker-compact{width:auto;margin:0 0 16px;padding:16px 18px}.app-sidebar .speaker-volume-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.playlists-panel:has(.history-card){grid-template-columns:1fr}.chat-panel .chat-card{min-height:560px}}@media(max-width:700px){body{background:linear-gradient(180deg,#06070bb8,#050508f0 52%,#060607),url(/assets/party-background.webp) 45% top / auto 100vh fixed no-repeat,#070708}.guest-shell{padding:20px 13px 106px}.app-sidebar .app-tabs{position:fixed;inset:auto 10px 10px;z-index:90;margin:0;padding:5px 4px max(5px,env(safe-area-inset-bottom));background:#1c1c1fe6}.app-sidebar .app-tabs button{min-height:54px;border-radius:14px}.app-sidebar .guest-speaker,.app-sidebar .speaker-compact{margin-bottom:14px}.app-sidebar .speaker-volume-bar{grid-template-columns:1fr}.now-playing{min-height:270px}.now-playing .empty-state{min-height:180px}.chat-panel .chat-card{min-height:480px}.chat-panel .chat-messages{min-height:300px}}.player-shell{grid-template-columns:minmax(0,1fr) 420px;background:#050506}.player-main{min-height:100vh;max-height:100vh}.host-topbar{min-height:68px;display:flex;flex:none;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;border-bottom:1px solid rgba(255,255,255,.075);background:#131315f5}.host-brand,.host-system-state{display:flex;align-items:center}.host-brand{gap:11px}.host-brand>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#c8c1ff;background:#ffffff0e}.host-brand small,.host-brand strong{display:block}.host-brand small{color:#9f96ef;font-size:8px;font-weight:800;letter-spacing:.14em}.host-brand strong{margin-top:1px;font-size:14px}.host-system-state{gap:12px}.host-system-state>b{padding:7px 9px;border-radius:10px;color:var(--text-2);background:#ffffff0d;font-size:10px;font-weight:650}.host-system-state .status{margin:0}.host-control-center{max-height:100vh;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:0;overflow:hidden;border-left:1px solid rgba(255,255,255,.075);background:#111113}.host-control-heading{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.065)}.host-control-heading small,.host-control-heading strong{display:block}.host-control-heading small{color:var(--text-3);font-size:8px;font-weight:750;letter-spacing:.12em}.host-control-heading strong{margin-top:2px;font-size:15px}.host-control-heading .status{width:9px;height:9px;margin:0;overflow:hidden;color:transparent}.host-control-heading .status:before{margin:0}.host-control-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;border-bottom:1px solid rgba(255,255,255,.065);background:#0000001a}.host-control-tabs button{position:relative;min-width:0;min-height:54px;display:flex;flex-direction:column;gap:4px;padding:6px 3px;border:0;border-radius:12px;color:#818187;background:transparent;font-size:9px;font-weight:650}.host-control-tabs button.active{color:#fff;background:#ffffff17;box-shadow:inset 0 1px #ffffff0e}.host-control-tabs button.active svg{color:#bcb4ff}.host-control-tabs button>b{position:absolute;top:5px;right:9px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border-radius:999px;color:#e5e1ff;background:#7c6df2b8;font-size:8px}.host-control-panel{min-height:0;padding:14px;overflow-y:auto;scrollbar-width:thin;animation:none}.host-control-panel>.card{border-radius:18px;background:#ffffff09;box-shadow:none}.host-control-panel .join-card{margin-bottom:12px;padding:20px}.host-control-panel .join-card img{width:190px;margin:14px auto;border-radius:16px}.host-control-panel .join-card>strong{display:inline-block;padding:7px 10px;border-radius:10px;background:#0003}.host-control-panel .output-card,.host-control-panel .participants-card{margin-bottom:0}.host-control-panel .queue-card,.host-control-panel .chat-card{min-height:100%;margin:0;padding:18px}.host-control-panel .chat-card{display:flex;flex-direction:column}.host-control-panel .chat-messages{min-height:430px;flex:1}.host-control-panel .queue li{grid-template-columns:18px 54px minmax(0,1fr) auto}.host-now{min-height:130px;padding:22px 26px;background:#111113f7}.host-now .eyebrow{color:var(--text-3)}.transport button,.transport .volume-control{border-radius:12px}@media(max-width:1120px){.player-shell{grid-template-columns:minmax(0,1fr) 360px}.host-now{align-items:flex-start;flex-direction:column;gap:14px}.transport{width:100%;justify-content:flex-start}}@media(max-width:900px){.player-shell{grid-template-columns:1fr}.player-main{min-height:72vh;max-height:none}.host-control-center{max-height:none;min-height:620px;border-top:1px solid var(--separator);border-left:0}.host-control-tabs{position:sticky;z-index:8;top:0;background:#111113f0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.host-control-panel .chat-messages{min-height:340px}}@media(max-width:620px){.host-topbar{padding:9px 13px}.host-system-state>b{display:none}.host-now{padding:18px}.transport{display:grid;grid-template-columns:repeat(3,auto);justify-content:start}.transport .host-volume-control,.transport .host-volume-control:hover,.transport .host-volume-control:focus-within{width:min(220px,100%);grid-column:1 / -1;overflow:hidden;border-color:var(--separator);background:#ffffff09}.transport .host-volume-control:before{display:none}.transport .host-volume-control .volume-slider-wrap,.transport .host-volume-control:hover .volume-slider-wrap,.transport .host-volume-control:focus-within .volume-slider-wrap{position:static;width:auto;flex:1;padding:0 14px 0 8px;opacity:1;pointer-events:auto;transform:none;clip-path:inset(0)}.transport .host-volume-control .volume-slider{width:100%}.host-control-heading{padding-inline:14px}.host-control-panel{padding:10px}.host-control-panel .join-card img{width:min(190px,70vw)}}@media(prefers-reduced-motion:reduce){.host-control-panel{animation:none!important}}:root{--bg: #070708;--surface: rgba(24, 24, 27, .82);--surface-solid: #1b1b1e;--surface-2: rgba(255, 255, 255, .055);--surface-hover: rgba(255, 255, 255, .085);--surface-deep: rgba(12, 12, 14, .9);--text: #f7f7f8;--text-2: #b5b5bb;--text-3: #85858d;--separator: rgba(255, 255, 255, .09);--separator-strong: rgba(255, 255, 255, .15);--accent: #8b7cf6;--accent-hover: #9a8df8;--accent-pressed: #7869e5;--accent-soft: rgba(139, 124, 246, .14);--accent-border: rgba(160, 146, 255, .34);--focus: rgba(139, 124, 246, .28);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 16px;--shadow-card: none;--shadow-float: 0 24px 72px rgba(0, 0, 0, .48);--ease: cubic-bezier(.23, 1, .32, 1);color-scheme:dark}html{scrollbar-color:rgba(255,255,255,.2) transparent}body{min-width:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-optical-sizing:auto;letter-spacing:0;background:linear-gradient(180deg,#05060a14,#05060947 48%,#0404069e),url(/assets/vibeland-city-background.webp) center top / cover fixed no-repeat,var(--bg)}body:before{background:radial-gradient(ellipse 58% 34% at 54% -8%,rgba(139,124,246,.1),transparent 70%),linear-gradient(90deg,rgba(0,0,0,.16),transparent 30%,transparent 72%,rgba(0,0,0,.14))}::selection{color:#fff;background:#8b7cf68c}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#fff3;background-clip:padding-box}a{text-underline-offset:.18em}button,input,select,textarea{font:inherit}button{border-radius:11px;transition:color .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease,transform .16s var(--ease)}button:active:not(:disabled){transform:scale(.97)}:where(button,input,select,textarea,a,summary):focus-visible{outline:2px solid #b7adff;outline-offset:3px;box-shadow:0 0 0 5px #8b7cf633}input,select,textarea{min-width:0;min-height:48px;border-radius:11px;background:#05050761}h1,h2,h3{letter-spacing:-.026em}h1{line-height:1.04}h2{font-size:clamp(19px,2vw,23px);line-height:1.12}.eyebrow{color:#aaa2f7;font-size:10px;font-weight:720;letter-spacing:.1em}.card{border:1px solid var(--separator);border-radius:var(--radius-lg);background:#17171ad6;box-shadow:none;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);transition:border-color .16s ease,background-color .16s ease}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){transform:none}.card:hover{border-color:var(--separator-strong)}}.guest-shell{width:min(1240px,100%);padding:clamp(24px,4vw,48px) clamp(18px,3vw,32px) 96px}.guest-shell>.app-header{min-height:50px;display:grid;grid-template-columns:228px minmax(0,1fr);align-items:center;column-gap:20px;margin-bottom:20px;padding:0}.brand-lockup{min-width:0;display:block}.brand-lockup>div{min-width:0}.brand-lockup h1{overflow:hidden;font-size:18px;font-weight:650;line-height:1.1;letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap}.header-greeting{max-width:min(52vw,420px);margin:4px 0 0;overflow:hidden;color:var(--text-2);font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.header-greeting [class*=name-]{font-weight:650!important}.header-actions{grid-column:2;width:100%;min-width:0;justify-self:stretch;justify-content:space-between}.header-session-actions{min-width:0;display:flex;align-items:center;gap:10px}.status{font-variant-numeric:tabular-nums}.profile-shortcut{min-height:50px;border:1px solid var(--separator);border-radius:14px;background:#1b1b1fc7}.profile-shortcut>.prestige-badge{border-radius:10px}.app-workspace{display:grid;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:20px}.app-sidebar{position:sticky;top:20px;display:grid;gap:16px}.app-content{min-width:0}.app-sidebar .app-tabs{position:relative;top:auto;display:flex;flex-direction:column;gap:2px;margin:0;padding:8px;border:1px solid var(--separator);border-radius:16px;background:#1212168a;box-shadow:none;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}.tabs-caption{padding:7px 10px 9px;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.09em}.app-sidebar .app-tabs button{min-height:46px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px;border-radius:11px;color:#96969e;text-align:left}.app-sidebar .app-tabs button.active{color:#fff;background:#ffffff17;box-shadow:none}.app-sidebar .tab-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;transition:color .16s ease,background-color .16s ease}.app-sidebar .app-tabs button.active .tab-icon{color:#d1cbff;background:var(--accent-soft)}.app-sidebar .tab-label{font-size:13px;font-weight:620}.app-sidebar .tab-badge{position:static;justify-self:end}.app-sidebar .guest-speaker,.app-sidebar .speaker-compact{position:relative;inset:auto;width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:13px;margin:0;padding:15px;overflow:visible;border:1px solid var(--separator);border-radius:16px;background:#1212168a;box-shadow:none;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);animation:none}.app-sidebar .guest-speaker>div:first-child{min-width:0}.app-sidebar .guest-speaker .eyebrow{margin-bottom:5px;color:var(--text-3);font-size:9px}.app-sidebar .guest-speaker strong{display:block;font-size:14px;line-height:1.3}.app-sidebar .speaker-actions{grid-column:1;width:100%;justify-self:stretch}.app-sidebar .speaker-actions.output-only{grid-column:1;width:auto;justify-self:start;justify-content:flex-start}.app-sidebar .speaker-actions>button{width:100%;min-height:44px;justify-content:center;padding:9px 12px;border-radius:11px;font-size:12px}.app-sidebar .speaker-output,.app-sidebar .speaker-live,.app-sidebar .speaker-unavailable{padding:5px 7px;font-size:9px}.app-sidebar .speaker-volume-bar{grid-column:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-content:stretch;width:100%;gap:8px;padding-top:12px}.app-sidebar .speaker-volume-bar.global-only{justify-content:stretch}.app-sidebar .volume-scope{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 44px;align-items:center;width:100%;min-width:0;gap:7px}.app-sidebar .volume-scope>span{grid-row:1;min-width:0;overflow:visible;font-size:11px;white-space:normal}.app-sidebar .guest-volume-control{position:relative;grid-row:2;width:44px;height:44px;justify-self:start;overflow:hidden;transition:width .18s var(--ease),border-color .16s ease,background-color .16s ease}.app-sidebar .guest-volume-control:hover,.app-sidebar .guest-volume-control:focus-within{width:100%}.app-sidebar .guest-volume-control .volume-button{order:1;width:44px;min-width:44px;height:42px;min-height:42px}.app-sidebar .guest-volume-control .volume-slider-wrap{position:static;z-index:auto;order:2;width:0;height:42px;padding:0;overflow:hidden;border:0;background:transparent;box-shadow:none;opacity:0;pointer-events:none;transform:none;clip-path:inset(0 100% 0 0);transform-origin:left center;transition:width .18s var(--ease),padding .18s var(--ease),opacity .12s ease,clip-path .18s var(--ease)}.app-sidebar .guest-volume-control:hover .volume-slider-wrap,.app-sidebar .guest-volume-control:focus-within .volume-slider-wrap{width:calc(100% - 44px);padding:0 12px 0 8px;opacity:1;pointer-events:auto;transform:none;clip-path:inset(0)}.app-sidebar .guest-volume-control .volume-slider{width:100%;min-height:4px;height:4px;margin:0;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--volume),rgba(255,255,255,.25) var(--volume) 100%);box-shadow:none}.app-sidebar .guest-volume-control .volume-slider:focus-visible{outline:none;border-color:transparent;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--volume),rgba(255,255,255,.25) var(--volume) 100%);box-shadow:0 0 0 2px #121216e6,0 0 0 4px #b7adff}.app-sidebar .guest-video{grid-column:1 / -1;justify-self:start;width:min(100%,356px);min-width:200px;height:200px;margin-top:2px;border-radius:12px}.app-sidebar .speaker-warning{grid-column:1 / -1}.tab-panel{display:grid;gap:16px;animation:none}.tab-panel>*{animation:none}@keyframes guest-panel-fallback-in{0%{opacity:0;transform:translateY(6px) scale(.998);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes guest-panel-view-out{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-4px) scale(.997);filter:blur(3px)}}@keyframes guest-panel-view-in{0%{opacity:0;transform:translateY(7px) scale(.998);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes guest-material-view-out{0%{opacity:1;filter:blur(0)}to{opacity:.42;filter:blur(3px)}}@keyframes guest-material-view-in{0%{opacity:.38;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes host-panel-materialize{0%{opacity:.18;transform:translateY(5px) scale(.999);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes host-panel-view-out{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-3px) scale(.998);filter:blur(3px)}}@keyframes host-panel-view-in{0%{opacity:.16;transform:translateY(6px) scale(.999);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes host-title-view-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(2px)}}@keyframes host-title-view-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}.prestige-celebration{background:radial-gradient(circle at 50% 42%,rgba(var(--prestige-aura),.32),transparent 32%),radial-gradient(circle at 50% 78%,rgba(var(--prestige-aura),.1),transparent 42%),#040309f5}.prestige-celebration.master{background:radial-gradient(circle at 50% 39%,rgba(255,225,156,.15),transparent 24%),radial-gradient(circle at 50% 51%,rgba(var(--prestige-aura),.2),transparent 38%),#030207fa}.prestige-celebration .prestige-reveal{width:min(660px,100%);padding:26px 34px 30px;border-color:rgba(var(--prestige-aura),.34);background:radial-gradient(circle at 50% 22%,rgba(var(--prestige-aura),.13),transparent 34%),linear-gradient(145deg,#161122f5,#08070ef0);box-shadow:0 34px 110px #000000b8,inset 0 1px #ffffff17}.prestige-rank-name{margin:0;color:#fff2cfb8;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.prestige-emblem-stage,.master .prestige-emblem-stage{width:min(320px,72vw);height:auto;aspect-ratio:1;margin:-4px auto -14px}.prestige-transition-canvas{position:relative;z-index:2;display:block;width:100%;height:100%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.58))}.prestige-celebration .prestige-reveal h2,.prestige-celebration.master .prestige-reveal h2{margin:0;color:#fff7e7;font-size:clamp(31px,6vw,50px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 8px 30px rgba(0,0,0,.65),0 0 28px rgba(var(--prestige-aura),.25);animation:prestige-face-title-in .55s cubic-bezier(.16,1,.3,1) .72s both}.prestige-celebration.master .prestige-reveal h2{color:#fff0bd;font-size:clamp(34px,6.5vw,54px);animation-delay:3.7s}.prestige-transition-name{margin:8px 0 0;color:rgb(var(--prestige-aura));color:color-mix(in srgb,rgb(var(--prestige-aura)) 54%,#fff 46%);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.prestige-celebration .prestige-message{margin:12px auto 20px}.prestige-celebration.master .prestige-message,.prestige-celebration.master .prestige-reset-stats,.prestige-celebration.master .prestige-reveal>button{animation-delay:4.1s}@keyframes prestige-face-title-in{0%{opacity:0;filter:blur(7px);transform:translateY(12px) scale(.96)}}@media(max-width:520px){.prestige-celebration .prestige-reveal{padding:20px 15px 22px}.prestige-emblem-stage,.master .prestige-emblem-stage{width:min(255px,76vw);margin-bottom:-8px}.prestige-celebration .prestige-reveal h2,.prestige-celebration.master .prestige-reveal h2{font-size:clamp(29px,10vw,42px)}.prestige-transition-name{font-size:10px}}@media(prefers-reduced-motion:reduce){.prestige-badge-art,.prestige-badge-aura,.prestige-badge-lustre:before,.prestige-celebration .prestige-reveal h2{animation:none!important;transition:none}}:root{--glass-stroke: rgba(255, 255, 255, .14);--glass-stroke-strong: rgba(255, 255, 255, .2);--glass-thin: rgba(10, 12, 18, .3);--glass-regular: rgba(11, 13, 19, .4);--glass-thick: rgba(12, 13, 18, .56);--glass-deep: rgba(5, 6, 10, .5);--glass-control: rgba(255, 255, 255, .065);--glass-control-hover: rgba(255, 255, 255, .105);--glass-highlight: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018) 34%, transparent 64%)}.card,.now-playing,.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card,.profile-card,.history-card{border-color:var(--glass-stroke);background:var(--glass-highlight),var(--glass-regular);box-shadow:inset 0 1px #ffffff0e;backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%)}.now-playing{background:linear-gradient(145deg,rgba(255,255,255,.085),transparent 38%),radial-gradient(circle at 84% 22%,rgba(139,124,246,.13),transparent 34%),var(--glass-regular)}.welcome{border-color:var(--glass-stroke-strong);background:var(--glass-highlight),#0a0c1180;box-shadow:0 28px 80px #00000052,inset 0 1px #ffffff14;backdrop-filter:blur(38px) saturate(150%);-webkit-backdrop-filter:blur(38px) saturate(150%)}.profile-shortcut,.app-sidebar .app-tabs,.app-sidebar .guest-speaker,.app-sidebar .speaker-compact,.mini-player{border-color:var(--glass-stroke);background:var(--glass-highlight),var(--glass-thin);box-shadow:inset 0 1px #ffffff0d;backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)}.app-sidebar .app-tabs button.active,.host-control-tabs button.active{background:#ffffff1d;box-shadow:inset 0 1px #ffffff12}input,select,textarea,.priority-toggle,.output-modes,.chat-messages,.results,.profile-shop,.profile-role,.purchase-profile-preview,.purchase-balance,.gif-explorer{border-color:#ffffff1f;background:#04060a57}input,select,textarea,.results,.gif-explorer{backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.queue li,.history-list>div,.saved-playlists article,.leaderboard-card li,.shop-item,.chat-messages article,.profile-role li,.ranking-stats>span,.gems{background:#ffffff0b}.results>button,.gif-results button,.emoji-grid button,.emoji-categories button,.shop-defaults button,.transport button,.transport .volume-control,.host-control-tabs button{background:var(--glass-control)}@media(hover:hover)and (pointer:fine){.results>button:hover:not(:disabled),.gif-results button:hover:not(:disabled),.emoji-grid button:hover:not(:disabled),.emoji-categories button:hover:not(:disabled),.transport button:hover:not(:disabled),.host-control-tabs button:hover:not(:disabled){background:var(--glass-control-hover)}}.auth-modal,.confirm-dialog,.global-toast{border-color:var(--glass-stroke-strong);background:var(--glass-highlight),var(--glass-thick);box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff14;backdrop-filter:blur(42px) saturate(150%);-webkit-backdrop-filter:blur(42px) saturate(150%)}.modal-backdrop,.confirm-backdrop{background:#02030670;backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%)}.player-shell{background:transparent}.player-main{background:#0203066b}.host-topbar,.host-now{border-color:var(--glass-stroke);background:var(--glass-highlight),#08090e75;backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%)}.host-control-center{border-color:var(--glass-stroke);background:#08090e7a;backdrop-filter:blur(40px) saturate(145%);-webkit-backdrop-filter:blur(40px) saturate(145%)}.host-control-heading,.host-control-tabs{background:#ffffff05}.host-control-panel>.card,.player-shell aside .card{border-color:#ffffff1a;background:#ffffff0a;box-shadow:inset 0 1px #ffffff09;backdrop-filter:none;-webkit-backdrop-filter:none}.output-modes button.active{border-color:#b4aaff75;background:#8b7cf62b}@media(max-width:820px){.app-sidebar .app-tabs{border:1px solid var(--glass-stroke-strong);background:var(--glass-highlight),#0a0b1175;box-shadow:0 20px 60px #00000061,inset 0 1px #ffffff12;backdrop-filter:blur(34px) saturate(165%);-webkit-backdrop-filter:blur(34px) saturate(165%)}.host-control-tabs{background:#08090e8f;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card,.welcome,.profile-shortcut,.app-sidebar .app-tabs,.app-sidebar .guest-speaker,.app-sidebar .speaker-compact,.mini-player,.auth-modal,.confirm-dialog,.global-toast,.host-topbar,.host-now,.host-control-center{background:#121318f0}}body{background:#08080a}body:before{background:none}body[data-jukebox-background=district]{background:linear-gradient(180deg,#05060a1f,#05060957 48%,#040406b3),url(/assets/vibeland-background.webp) center top / cover fixed no-repeat,#08080a}body[data-jukebox-background=cyber-city]{background:linear-gradient(180deg,#05060a14,#05060947 48%,#0404069e),url(/assets/vibeland-city-background.webp) center top / cover fixed no-repeat,#08080a}body[data-jukebox-background=rooftop]{background:linear-gradient(180deg,#05060a1a,#0506094d 48%,#040406a8),url(/assets/vibeland-rooftop-background.webp) center top / cover fixed no-repeat,#08080a}.background-preview-default{background:#0a0a0c}.background-preview-district,.shop-background-preview.preview-district{background:linear-gradient(#05060929,#05060975),url(/assets/vibeland-background.webp) center / cover no-repeat}.background-preview-cyber-city,.shop-background-preview.preview-cyber-city{background:linear-gradient(#0506091f,#0506096b),url(/assets/vibeland-city-background.webp) center / cover no-repeat}.background-preview-rooftop,.shop-background-preview.preview-rooftop{background:linear-gradient(#05060924,#05060970),url(/assets/vibeland-rooftop-background.webp) center / cover no-repeat}.purchase-profile-preview.background-preview-district,.purchase-profile-preview.background-preview-cyber-city,.purchase-profile-preview.background-preview-rooftop{background-position:center;background-size:cover}.shop-background-preview{background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff0d}@media(max-width:620px){body[data-jukebox-background=district]{background:linear-gradient(180deg,#06070b0f,#0505083d 52%,#06060794),url(/assets/vibeland-background-mobile.webp) center top / cover scroll no-repeat,#08080a}body[data-jukebox-background=cyber-city]{background:linear-gradient(180deg,#06070b0f,#05050838 52%,#0606078f),url(/assets/vibeland-city-background-mobile.webp) center top / cover scroll no-repeat,#08080a}body[data-jukebox-background=rooftop]{background:linear-gradient(180deg,#06070b12,#0505083d 52%,#06060794),url(/assets/vibeland-rooftop-background.webp) center top / cover scroll no-repeat,#08080a}.music-rating{grid-template-columns:auto auto;justify-content:end}.music-rating>small{grid-column:auto;justify-self:auto}.rating-actions{justify-content:flex-end}.guest-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guest-controls>button:nth-child(1),.guest-controls>button:nth-child(2),.guest-controls>button:nth-child(3),.guest-controls>button:nth-child(5){grid-column:auto;justify-self:stretch}.guest-volume-slot{grid-column:1 / -1;width:100%}.guest-controls .guest-now-volume-control:hover,.guest-controls .guest-now-volume-control:focus-within{width:min(170px,calc(100vw - 64px))}.guest-controls .vote-skip{grid-column:1 / -1}}@media(prefers-reduced-transparency:reduce){.card,.welcome,.profile-shortcut,.app-sidebar .app-tabs,.app-sidebar .guest-speaker,.app-sidebar .speaker-compact,.mini-player,.auth-modal,.confirm-dialog,.global-toast,.host-topbar,.host-now,.host-control-center{background:#191a1f;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.card,.welcome,.profile-shortcut,.app-sidebar .app-tabs,.app-sidebar .guest-speaker,.app-sidebar .speaker-compact,.auth-modal,.confirm-dialog,.host-topbar,.host-now,.host-control-center{border-color:#ffffff52;background:#0f1014eb}}.music-panel{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:stretch}.music-panel>.now-playing{grid-column:1 / -1}.music-panel>.add-card{grid-column:1}.music-panel>.queue-card{grid-column:2}.music-panel>.now-playing,.music-panel>.add-card,.music-panel>.queue-card{margin-block:0}.music-panel .add-card,.music-panel .queue-card{min-height:100%}.now-playing,.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card,.profile-card,.history-card{border-radius:16px;border-color:var(--glass-stroke);background:var(--glass-highlight),var(--glass-regular);box-shadow:inset 0 1px #ffffff0e;backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%)}.now-playing{min-height:330px;overflow:hidden;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.085),transparent 38%),radial-gradient(circle at 84% 22%,rgba(139,124,246,.13),transparent 34%),var(--glass-regular)}.now-playing .empty-state{min-height:238px}.empty-state>span{border-radius:14px}.empty-state strong{font-size:17px;letter-spacing:-.015em}.empty-state p{max-width:34ch}.track{gap:22px;margin-top:30px}.track>img{width:clamp(116px,16vw,164px);border-radius:14px}.track h2{font-size:clamp(23px,4vw,34px)}.now-playing .track{opacity:1;transform:translateY(0);transition:opacity .2s var(--ease),transform .22s var(--ease)}@starting-style{.now-playing .track{opacity:0;transform:translateY(6px)}}.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card{padding:24px}.section-title{align-items:flex-start;margin-bottom:18px}.section-title small{color:var(--text-2)}.limit-pill{border-radius:999px}.add-form{gap:8px}.add-form button{min-width:132px}.priority-toggle{border-radius:12px;background:#ffffff06}.priority-toggle.disabled{cursor:not-allowed}.priority-requirement{display:flex;align-items:center;gap:6px;margin:8px 2px 0;color:var(--text-3);font-size:11px}.confirm-field{display:grid;gap:7px;color:var(--text-2);font-size:12px;text-align:left}.confirm-field input{width:100%}.confirm-inline-error{margin:8px 0 0;color:#ff9b94;font-size:12px}.queue li,.history-list>div,.saved-playlists article,.leaderboard-card li{border-radius:12px;background:#ffffff07;transition:border-color .16s ease,background-color .16s ease}@media(hover:hover)and (pointer:fine){.queue li:hover,.history-list>div:hover,.saved-playlists article:hover,.leaderboard-card li:hover{transform:none;background:#ffffff0b}}.playlists-panel:has(.history-card){grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start}.playlists-panel .history-card{margin:0}.chat-panel .chat-card{min-height:620px}.chat-panel .chat-messages{min-height:410px}.ranking-panel .leaderboard-card{min-height:450px}.profile-card{grid-template-columns:78px minmax(0,1fr) auto;gap:18px;padding:24px}.profile-emblem{width:78px;height:78px}.profile-panel .profile-card{margin-bottom:0}.profile-panel .change-name{justify-self:center;margin-top:0}.profile-role,.shop-item,.purchase-profile-preview{border-radius:12px}.profile-shop{animation:none}.mini-player{border-radius:14px}.global-toast{border:0;border-radius:14px;box-shadow:var(--shadow-float);opacity:1;transform:translate(-50%);animation:none;transition:opacity .18s ease,transform .22s var(--ease)}@starting-style{.global-toast{opacity:0;transform:translate(-50%,8px) scale(.97)}}.player-shell{grid-template-columns:minmax(0,1fr) 410px;background:transparent}.player-main{min-height:100dvh;max-height:100dvh}.host-topbar{min-height:66px;padding:10px 20px;border-bottom:1px solid var(--glass-stroke);background:var(--glass-highlight),#08090e75;backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%)}.host-brand>span{border-radius:11px}.host-system-state>b{border-radius:9px;font-variant-numeric:tabular-nums}.host-control-center{max-height:100dvh;border-left:1px solid var(--glass-stroke);background:#08090e7a;backdrop-filter:blur(40px) saturate(145%);-webkit-backdrop-filter:blur(40px) saturate(145%)}.host-control-heading{min-height:66px;padding:11px 17px;background:#ffffff05}.host-control-heading strong{display:block}.host-control-tabs{gap:3px;padding:7px;background:#ffffff05}.host-control-tabs button{min-height:52px;border-radius:10px;transition-duration:.16s}.host-control-tabs button.active{background:#ffffff1d;box-shadow:inset 0 1px #ffffff12}.host-control-panel{padding:13px}.host-control-panel>.card{border-radius:14px;background:#ffffff09}.host-control-panel .join-card{padding:18px}.host-control-panel .join-card img{width:min(182px,100%);border-radius:12px}.host-control-panel .queue-card,.host-control-panel .chat-card{padding:17px}.host-now{min-height:128px;padding:21px 24px;border-color:var(--glass-stroke);background:var(--glass-highlight),#08090e75;backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%)}.host-now h1{font-size:clamp(22px,2.5vw,32px)}.transport{gap:7px}.transport button,.transport .volume-control{border-radius:10px}.output-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;border-radius:10px}.output-modes button{min-height:52px;display:flex;align-items:center;justify-content:flex-start;gap:9px;padding-inline:11px;border:1px solid transparent;border-radius:8px;line-height:1.2;text-align:left}.output-modes button svg{flex:0 0 auto;color:var(--text-3);transition:color .16s ease}.output-modes button span{min-width:0}.output-modes button.active{border-color:var(--accent-border);color:#fff;background:#8b7cf624;box-shadow:inset 0 1px #ffffff12,0 5px 16px #00000029}.output-modes button.active svg{color:#c9c1ff}.output-modes button:disabled{opacity:.68}@media(hover:hover)and (pointer:fine){.output-modes button:hover:not(:disabled){border-color:var(--separator-strong);background:#ffffff0e}.output-modes button.active:hover:not(:disabled){border-color:#ab9fff85;background:#8b7cf62e}}.output-description{display:flex;align-items:flex-start;gap:8px;margin:11px 0 0;color:var(--text-2);font-size:12px;line-height:1.4}.output-description svg{flex:0 0 auto;margin-top:1px;color:#d1cbff}.output-notice{margin:10px 0 0;padding:8px 10px;border-radius:10px;font-size:11px}.output-notice.success{color:#a8f0b8;background:#30d1581a}.output-notice.error{color:#ffb0aa;background:#ff453a1c}.emoji-picker{display:block}.emoji-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px}.emoji-categories button{width:auto;min-width:0;height:34px;min-height:34px;padding:0 7px;color:var(--text-3);font-size:10px}.emoji-categories button[aria-pressed=true]{color:var(--text);background:var(--surface-hover)}.emoji-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.emoji-grid button{width:100%;min-width:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:821px){.app-workspace{--music-hero-block-size: 330px}.app-workspace.is-music:has(.now-playing .track){--music-hero-block-size: 414px}.app-sidebar .app-tabs{height:var(--music-hero-block-size);min-height:var(--music-hero-block-size)}.app-sidebar .app-tabs button{flex:1 1 46px}.app-workspace.is-music .now-playing{min-height:var(--music-hero-block-size)}}@media(max-width:1080px){.guest-shell{width:min(990px,100%)}.guest-shell>.app-header{grid-template-columns:205px minmax(0,1fr);column-gap:16px}.app-workspace{grid-template-columns:205px minmax(0,1fr);gap:16px}.music-panel{grid-template-columns:1fr}.music-panel>.now-playing,.music-panel>.add-card,.music-panel>.queue-card{grid-column:1}.player-shell{grid-template-columns:minmax(0,1fr) 360px}.host-now{align-items:flex-start;flex-direction:column;gap:14px}.transport{width:100%;justify-content:flex-start}}@media(max-width:820px){.guest-shell{width:100%;padding:22px 16px 104px}.guest-shell>.app-header{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;margin-bottom:18px}.header-actions{grid-column:auto;width:auto;justify-self:end;justify-content:flex-end}.brand-lockup h1,.header-greeting{max-width:none}.app-workspace{display:block;width:100%}.app-sidebar{position:static;display:block;width:100%}.app-sidebar .app-tabs{position:fixed;z-index:90;inset:auto max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));top:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:auto;margin:0;padding:5px;border:1px solid var(--glass-stroke-strong);border-radius:16px;background:var(--glass-highlight),#0a0b1175;box-shadow:0 20px 60px #00000061,inset 0 1px #ffffff12;backdrop-filter:blur(34px) saturate(165%);-webkit-backdrop-filter:blur(34px) saturate(165%)}.tabs-caption{display:none}.app-sidebar .app-tabs button{min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 2px;text-align:center}.app-sidebar .tab-icon{width:auto;height:auto;background:transparent!important}.app-sidebar .tab-label{font-size:9px}.app-sidebar .tab-badge{position:absolute;top:4px;right:8%}.app-sidebar .guest-speaker,.app-sidebar .speaker-compact{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;margin:0 0 16px;padding:15px 17px}.app-sidebar .speaker-actions{grid-column:2;width:auto;justify-self:end}.app-sidebar .speaker-actions>button{width:auto}.app-sidebar .speaker-volume-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.playlists-panel:has(.history-card){grid-template-columns:1fr}.chat-panel .chat-card{min-height:540px}.player-shell{grid-template-columns:1fr}.player-main{min-height:72dvh;max-height:none}.host-control-center{max-height:none;min-height:620px;border-top:1px solid var(--separator);border-left:0}.host-control-tabs{position:sticky;z-index:8;top:0;background:#08090e8f;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}}@media(max-width:620px){body{background:linear-gradient(180deg,#06070b0f,#05050838 52%,#0606078f),url(/assets/vibeland-city-background-mobile.webp) center top / cover fixed no-repeat,var(--bg)}html{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))}.guest-shell{padding:18px 12px calc(116px + env(safe-area-inset-bottom))}.guest-shell>.app-header{min-height:52px;gap:10px}.brand-lockup h1{font-size:16px}.header-greeting{margin-top:3px;font-size:12px}.header-session-actions .status{display:none}.profile-shortcut{width:44px;min-width:44px;min-height:44px;padding:4px;border-radius:12px}.profile-shortcut>span{display:none}.profile-shortcut>.prestige-badge{display:inline-flex;width:34px;height:34px}.app-sidebar .guest-speaker,.app-sidebar .speaker-compact{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:12px}.app-sidebar .speaker-actions{grid-column:1;width:100%;justify-self:stretch}.app-sidebar .speaker-actions>button{width:100%}.app-sidebar .speaker-volume-bar{grid-template-columns:1fr}.now-playing{min-height:254px;padding:20px}.now-playing:has(.empty-state){min-height:194px;padding-block:16px}.now-playing .empty-state{min-height:116px}.track{align-items:flex-start;gap:14px;margin-top:22px}.track>img{width:94px;border-radius:12px}.track h2{font-size:20px}.pulse{display:none}.add-card,.queue-card,.playlists-card,.chat-card,.leaderboard-card{padding:19px}.section-title{gap:12px}.section-title h2{font-size:20px}.add-form{grid-template-columns:1fr}.add-form button{width:100%;scroll-margin-bottom:calc(92px + env(safe-area-inset-bottom))}.app-sidebar .tab-label{font-size:11px}.emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.profile-card{grid-template-columns:62px minmax(0,1fr);padding:19px}.profile-emblem{width:62px;height:62px}.gems{grid-column:2;justify-self:start}.profile-customization-actions{grid-template-columns:1fr}.global-toast{bottom:82px}.host-topbar{padding:9px 13px}.host-system-state>b{display:none}.host-now{padding:18px}.transport{display:grid;grid-template-columns:repeat(3,auto);justify-content:start}.transport .volume-control{grid-column:span 1}.transport .host-volume-control{grid-column:1 / -1}.host-control-heading{padding-inline:14px}.host-control-panel{padding:10px}}@media(prefers-reduced-transparency:reduce){.card,.welcome,.app-sidebar .app-tabs,.app-sidebar .guest-speaker,.app-sidebar .speaker-compact,.profile-shortcut,.host-topbar,.host-now,.host-control-center,.auth-modal,.confirm-dialog,.global-toast{background:var(--surface-solid);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){:root{--separator: rgba(255, 255, 255, .24);--text-2: #d2d2d7;--text-3: #b0b0b7}.card,.welcome,.app-sidebar .app-tabs,.app-sidebar .guest-speaker,.app-sidebar .speaker-compact,.host-topbar,.host-now,.host-control-center,.auth-modal,.confirm-dialog{border-color:#ffffff52;background:#0f1014eb}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.card,.tab-icon,.queue li,.history-list>div,.saved-playlists article,.leaderboard-card li{transition-property:color,background-color,border-color,opacity!important}.now-playing .track{transform:none;transition:opacity .16s ease!important}.global-toast{transform:translate(-50%);transition:opacity .16s ease!important}.preview-pulse,.preview-inferno,[class*=name-]:after,[class*=frame-]:before,[class*=frame-]:after,.prestige-celebration,.prestige-celebration *{animation:none!important}.result-spinner,.host-control-panel{animation:none!important}.transport .host-volume-control:before{transition-property:border-color,background-color,box-shadow}.transport .host-volume-control .volume-slider-wrap{clip-path:none;transition:opacity .1s ease}}body,body[data-jukebox-background=default]{background:#08080a}.media-picker{position:absolute;z-index:40;right:0;bottom:calc(100% + 10px);width:min(520px,100%);max-height:min(470px,calc(100dvh - 150px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0d0d10f0;box-shadow:0 22px 64px #00000080,inset 0 1px #ffffff0f;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);transform-origin:right bottom;animation:media-picker-in .18s cubic-bezier(.16,1,.3,1)}@keyframes media-picker-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.media-picker-tabs{display:flex;gap:3px;padding:7px;border-bottom:1px solid var(--separator);background:#ffffff06}.media-picker-tabs button{width:auto;min-width:68px;min-height:34px;padding:6px 12px;border:0;border-radius:9px;color:var(--text-2);background:transparent;font-size:12px}.media-picker-tabs button[aria-selected=true]{color:#fff;background:#ffffff1c;box-shadow:inset 0 1px #ffffff0f}.media-picker .gif-explorer,.media-picker .emoji-picker{min-height:0;margin:0;padding:10px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.media-picker .gif-explorer{display:grid;grid-template-rows:auto auto minmax(112px,1fr) auto;gap:9px}.media-picker .gif-search{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px}.media-picker .gif-search>svg{position:absolute;z-index:1;top:50%;left:13px;color:var(--text-3);pointer-events:none;transform:translateY(-50%)}.media-picker .gif-search input{min-height:44px;padding-left:39px;border-radius:11px;background:#ffffff0b}.media-picker .gif-search button{width:44px;min-width:44px;min-height:44px;padding:0;border-radius:11px}.gif-categories{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.gif-categories::-webkit-scrollbar{display:none}.gif-categories button{flex:0 0 auto;min-height:34px;padding:6px 10px;border-color:var(--separator);border-radius:9px;color:var(--text-2);background:#ffffff09;font-size:11px}.gif-categories button[aria-pressed=true]{border-color:var(--accent-border);color:#d9d4ff;background:var(--accent-soft)}.media-picker .gif-grid,.gif-loading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:7px;min-height:0;max-height:none;margin:0;padding-right:2px;overflow-y:auto;scrollbar-color:rgba(255,255,255,.25) transparent;scrollbar-width:thin}.media-picker .gif-grid button,.gif-loading>span{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0b;aspect-ratio:16 / 10}.media-picker .gif-grid button{width:100%;height:auto;display:block;align-self:start;padding:0;transition:border-color .15s ease,filter .15s ease,transform .12s ease}.media-picker .gif-grid img,.media-picker .gif-grid video{width:100%;height:100%;display:block;object-fit:cover}.gif-creator{position:absolute;right:6px;bottom:6px;max-width:calc(100% - 12px);overflow:hidden;padding:3px 6px;border-radius:6px;color:#fff;background:#000000b8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.gif-loading>span{animation:gif-placeholder 1.2s ease-in-out infinite alternate}@keyframes gif-placeholder{to{background:#ffffff17}}.gif-sending{position:absolute;inset:0;display:grid;place-items:center;background:#07070994}.gif-empty,.gif-send-hint{margin:0;color:var(--text-3);font-size:11px;text-align:center}.gif-empty{align-self:center}.gif-send-hint{display:block}.giphy-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.giphy-picker-footer .gif-send-hint{text-align:left}.giphy-attribution{flex:0 0 auto;display:inline-flex;align-items:center;padding:4px;border-radius:6px}.giphy-attribution img{width:100px;height:auto;display:block}.media-picker .emoji-picker{overflow-y:auto}.media-picker .emoji-categories{position:sticky;z-index:1;top:-10px;padding-block:10px 8px;background:#0d0d10f5}@media(hover:hover)and (pointer:fine){.media-picker .gif-grid button:hover:not(:disabled){border-color:#b2a6ff9e;filter:brightness(1.08)}}@media(max-width:620px){.media-picker{position:fixed;inset:auto 12px calc(82px + env(safe-area-inset-bottom));width:auto;max-height:min(62dvh,500px);transform-origin:center bottom}.media-picker .gif-explorer{min-height:min(410px,54dvh)}}@media(prefers-reduced-transparency:reduce){.media-picker{background:#19191d;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.media-picker,.gif-loading>span{animation:none}}@media(max-width:820px){.now-playing-footer{align-items:stretch;flex-direction:column;gap:12px}.now-playing-footer .music-rating{width:100%;justify-content:end}}.room-lobby{min-height:100vh;display:grid;place-items:center;padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.room-lobby-card{width:min(440px,100%);padding:30px}.room-lobby-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px;text-align:left}.room-lobby-brand>span{width:54px;height:54px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:17px;color:#fff;background:var(--accent);box-shadow:0 14px 32px #623abe5c,inset 0 1px #ffffff3d}.room-lobby-brand h1{font-size:24px}.room-lobby-intro{margin-bottom:20px;color:var(--text-2);font-size:14px}.room-create-card{width:min(460px,calc(100vw - 36px))}.room-create-card>p:not(.eyebrow){color:var(--text-2)}.room-create-card form{display:grid;gap:10px;margin-top:20px}.room-create-card .room-home-link{margin-top:12px}.room-lifecycle-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;color:var(--text-3)}.room-join-form{flex-direction:column;gap:8px}.room-join-form label{color:var(--text-2);font-size:12px;font-weight:600}.room-join-form>div{display:flex;gap:8px}.room-join-form input{font-size:19px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.room-join-form input::placeholder{font-weight:500;letter-spacing:.22em;text-transform:none}.room-join-form button{flex:none;white-space:nowrap}.room-code-status{min-height:20px;display:flex;align-items:center;gap:6px;margin:2px 0 0;color:var(--text-3);font-size:12px;line-height:1.4}.room-code-status svg{flex:none}.room-code-status.exists{color:var(--success)}.room-code-status.available{color:#b8a6ff}.room-code-status.invalid,.room-code-status.error{color:var(--danger)}.room-code-chip{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid var(--separator-strong);border-radius:var(--radius-pill);color:var(--text-2);background:var(--surface-2);font-size:10px;font-weight:800;letter-spacing:.12em}.room-code-chip strong{color:var(--text);font-size:14px;font-weight:700;letter-spacing:.16em;font-variant-numeric:tabular-nums}.room-code-chip svg{flex:none;color:var(--text-3)}.player-access-link{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--separator-strong);border-radius:var(--radius-pill);color:var(--text-2);background:var(--surface-2);font-size:11px;font-weight:700;text-decoration:none}.player-access-link svg{color:#bdb5ff}.host-room-code{background:#ffffff0e}.copy-invite-button{width:100%;min-height:40px;margin-top:11px;font-size:12px}.room-state-card p:not(.eyebrow){color:var(--text-2)}.room-home-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;padding:10px 18px;border:1px solid var(--separator-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--surface-2);font-weight:600;text-decoration:none}@media(hover:hover)and (pointer:fine){.room-code-chip:hover,.player-access-link:hover,.room-home-link:hover{border-color:var(--accent-border);background:var(--surface-hover)}}@media(max-width:620px){.room-lobby-card{padding:24px 20px}.room-lobby-brand h1{font-size:21px}.room-join-form>div{flex-direction:column}.room-join-form button{width:100%}.room-code-chip>span{display:none}.player-access-link{width:38px;min-width:38px;justify-content:center;padding:0}.player-access-link>span{display:none}}.guest-controls .guest-now-volume-control,.guest-controls .guest-now-volume-control:hover,.guest-controls .guest-now-volume-control:focus-within,.transport .host-volume-control,.transport .host-volume-control:hover,.transport .host-volume-control:focus-within{width:48px;flex:0 0 48px;overflow:visible}.app-sidebar .guest-volume-control,.app-sidebar .guest-volume-control:hover,.app-sidebar .guest-volume-control:focus-within{width:44px;flex:0 0 44px;overflow:visible}.volume-control.is-open{border-color:var(--accent-border);background:#ffffff13}.volume-popover{position:fixed;z-index:300;min-width:208px;min-height:50px;display:grid;grid-template-columns:38px minmax(96px,1fr) 38px;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:var(--text);background:#1c1c20fa;box-shadow:0 18px 46px #0000007a,inset 0 1px #ffffff12;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);transform-origin:50% 100%;animation:volume-popover-in .15s cubic-bezier(.2,.8,.2,1) both}.volume-popover-mute{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:10px;color:var(--text);background:#ffffff12}.volume-popover .volume-slider{width:100%;min-width:0;min-height:18px;height:18px;margin:0;padding:0;appearance:none;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.volume-popover .volume-slider::-webkit-slider-runnable-track{height:4px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--volume),rgba(255,255,255,.22) var(--volume) 100%)}.volume-popover .volume-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid #fff;background:#fff;box-shadow:0 2px 7px #00000073}.volume-popover .volume-slider::-moz-range-track{height:4px;border:0;border-radius:999px;background:#ffffff38}.volume-popover .volume-slider::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}.volume-popover .volume-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid #fff;background:#fff;box-shadow:0 2px 7px #00000073}.volume-popover .volume-slider:focus-visible{outline:none;box-shadow:none}.volume-popover output{color:var(--text-2);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}@keyframes volume-popover-in{0%{opacity:0;transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.leaderboard-heading h2{margin:0 0 3px}.leaderboard-heading small{color:var(--text-2)}.leaderboard-scope-tabs,.leaderboard-tabs{display:inline-flex;gap:4px;padding:3px;border-radius:var(--radius-sm);background:#121214b8}.leaderboard-scope-tabs button,.leaderboard-tabs button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border:0;border-radius:9px;color:var(--text-2);background:transparent;font-size:11px;white-space:nowrap}.leaderboard-scope-tabs button.active,.leaderboard-scope-tabs button[aria-pressed=true],.leaderboard-tabs button.active,.leaderboard-tabs button[aria-pressed=true]{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #00000029}.leaderboard-category-row{display:flex;justify-content:flex-end;padding-top:13px;border-top:1px solid var(--separator)}.room-participants-card{padding:24px;border-radius:16px;border-color:var(--glass-stroke);background:var(--glass-highlight),var(--glass-regular);box-shadow:inset 0 1px #ffffff0e}.participant-count{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--separator);border-radius:999px;color:var(--text-2);background:#ffffff0a;font-size:12px;font-variant-numeric:tabular-nums}.room-participant-list{margin:0;padding:0;list-style:none}.room-participant-list li{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) 9px;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--separator)}.room-participant-list li:last-child{border-bottom:0}.room-participant-list strong{display:block;font-size:13px}.room-participant-list small{display:block;margin-top:3px;color:var(--text-2);font-size:11px}.room-participant-button{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:0;border:none;color:inherit;background:transparent;text-align:left}.room-participant-list li>i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent)}@media(max-width:620px){.leaderboard-heading{flex-direction:column}.leaderboard-scope-tabs,.leaderboard-category-row .leaderboard-tabs{width:100%}.leaderboard-scope-tabs button,.leaderboard-category-row .leaderboard-tabs button{flex:1}.room-participants-card{padding:19px}}@media(prefers-reduced-motion:reduce){.volume-popover{animation:none}.vote-reward-pulse{animation:vote-reward-reduced 1.15s linear both}}.music-rating{grid-template-columns:auto}@keyframes vote-reward-reduced{0%,12%{opacity:0}18%,82%{opacity:1}to{opacity:0}}.app-content{position:relative}.music-panel.is-panel-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}.track{grid-template-columns:clamp(300px,31vw,356px) minmax(0,1fr) auto}.track-media{position:relative;isolation:isolate;contain:layout paint;width:clamp(300px,31vw,356px);min-width:200px;height:200px;overflow:hidden;border-radius:14px;background:#09090b;box-shadow:0 18px 42px #00000061}.track-media>img,.guest-video-slot,.guest-track-video,.guest-track-video-player,.guest-track-video-player>div,.guest-track-video-player iframe{position:absolute;inset:0;width:100%;height:100%}.track-media>img{display:block;border-radius:inherit;object-fit:cover;transition:opacity .18s ease}.guest-video-slot{z-index:1;display:block;overflow:hidden;border-radius:inherit;contain:layout paint}.guest-track-video{overflow:hidden;border-radius:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.guest-track-video.active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.guest-track-video-player{overflow:hidden;border-radius:inherit;background:#000;contain:layout paint}.guest-track-video-player>div,.guest-track-video-player iframe{display:block;max-width:none;overflow:hidden;border:0}.guest-track-video>button{position:absolute;right:7px;bottom:7px;z-index:2;width:36px;min-width:36px;min-height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;background:#0c0c0fc2;box-shadow:0 6px 18px #00000057;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .18s cubic-bezier(.2,.8,.2,1),background-color .15s ease}.guest-track-video:hover>button,.guest-track-video:focus-within>button{opacity:1;transform:translateY(0)}@media(hover:none),(pointer:coarse){.guest-track-video>button{opacity:1;transform:none}}@media(max-width:620px){.track{grid-template-columns:1fr}.track-media{width:100%;min-width:0;height:200px}}@media(prefers-reduced-motion:reduce){.track-media>img,.guest-track-video,.guest-track-video>button{transition:none}}.app-frame{min-height:100dvh;display:flex;flex-direction:column}.app-frame>main{flex:1 0 auto}.legal-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:36px;padding:7px clamp(14px,3vw,32px);border-top:1px solid var(--separator);color:var(--text-3);background:#08080af5;font-size:10.5px;line-height:1.2}.legal-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px}.host-user-link{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--separator-strong);border-radius:var(--radius-pill);color:var(--text-2);background:var(--surface-2);font-size:11px;font-weight:700;text-decoration:none}.host-user-link svg{color:#bdb5ff}@media(hover:hover)and (pointer:fine){.host-user-link:hover{border-color:var(--accent-border);color:var(--text);background:var(--surface-hover)}}@media(min-width:821px){.app-frame>.player-shell{min-height:calc(100dvh - 36px)}.app-frame>.player-shell .player-main{min-height:calc(100dvh - 36px);max-height:calc(100dvh - 36px)}.app-frame>.player-shell .host-control-center{max-height:calc(100dvh - 36px)}}.legal-footer a,.legal-card a{color:var(--text-2);text-decoration:underline;text-underline-offset:3px}.legal-footer a:hover,.legal-card a:hover{color:var(--text)}.legal-page{min-height:calc(100vh - 58px);padding:clamp(24px,6vw,72px) 18px}.legal-card{width:min(820px,100%);margin:0 auto;padding:clamp(24px,5vw,54px);color:var(--text-2);line-height:1.7}.legal-card h1,.legal-card h2{color:var(--text)}.legal-card h1{margin:18px 0 10px;font-size:clamp(30px,6vw,48px);line-height:1.05}.legal-card h2{margin:30px 0 8px;font-size:18px}.legal-card p,.legal-card ul{margin:0 0 12px}.legal-card li+li{margin-top:6px}.legal-lead{max-width:680px;font-size:17px}.legal-back{display:inline-flex;margin-bottom:8px}.legal-warning{padding:12px 14px;border:1px solid rgba(255,159,10,.35);border-radius:12px;color:#ffc05c;background:var(--warning-soft)}.legal-updated{margin-top:36px!important;color:var(--text-3);font-size:12px}.auth-rules{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;color:var(--text-2);font-size:12px;line-height:1.45}.auth-rules input{width:18px;height:18px;margin-top:1px;accent-color:var(--accent)}.auth-rules a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.auth-rules .field-error{grid-column:2}.host-control-panel .dev-mode-card{margin-top:12px;padding:14px;border-color:var(--separator);transition:border-color .18s ease,background-color .18s ease}.host-control-panel .dev-mode-card.active{border-color:#7eefa447;background:#7eefa40b}.dev-mode-summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px}.dev-mode-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#bcb4ff;background:var(--accent-soft)}.dev-mode-card.active .dev-mode-icon{color:#8bf0ad;background:#34c7591f}.dev-mode-summary>div{min-width:0;display:grid;gap:3px}.dev-mode-summary strong{color:var(--text);font-size:13px}.dev-mode-summary small,.dev-mode-form>small{color:var(--text-3);font-size:10px;line-height:1.4}.dev-mode-action{min-height:44px;padding:0 12px;border:1px solid rgba(139,125,255,.38);border-radius:10px;color:#d2cdff;background:#8b7dff1a;font:inherit;font-size:11px;font-weight:700}.dev-mode-action.disable{border-color:#ff6b6347;color:#ffaaa5;background:#ff6b6312}.dev-mode-action:hover:not(:disabled){background:#8b7dff2b}.dev-mode-action.disable:hover:not(:disabled){background:#ff6b631f}.dev-mode-action:active:not(:disabled){transform:scale(.97)}.dev-mode-action:disabled{cursor:not-allowed;opacity:.42}.dev-mode-form{display:grid;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid var(--separator)}.dev-mode-form label{color:var(--text-2);font-size:11px;font-weight:700}.dev-mode-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.dev-mode-form input{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid var(--separator-strong);border-radius:10px;color:var(--text);background:var(--surface-deep);font:inherit;letter-spacing:.16em}.dev-mode-form input:focus{border-color:var(--accent);outline:3px solid var(--focus);outline-offset:1px}.dev-mode-form button{min-height:44px;padding:0 14px;border:0;border-radius:10px;color:#fff;background:var(--accent);font:inherit;font-size:11px;font-weight:700}.dev-mode-form button:hover:not(:disabled){background:var(--accent-hover)}.dev-mode-form button:disabled{cursor:not-allowed;opacity:.46}.dev-mode-notice{margin:10px 0 0;font-size:10px;line-height:1.45}.dev-mode-notice.success{color:#8bf0ad}.dev-mode-notice.error{color:#ff9b95}@media(max-width:420px){.dev-mode-summary{grid-template-columns:36px minmax(0,1fr)}.dev-mode-action{grid-column:1 / -1;width:100%}.dev-mode-form>div{grid-template-columns:1fr}}@media(max-width:620px){.legal-footer{min-height:34px;padding:6px 12px}.legal-footer>span{display:none}.legal-footer nav{width:100%;justify-content:space-between;gap:8px}.host-user-link{width:38px;min-width:38px;justify-content:center;padding:0}.host-user-link span,.host-system-state .status{display:none}.host-topbar{gap:8px}.legal-card{padding:22px 18px}}