:root{--bg-primary:#07070d;--bg-secondary:#0d0d16;--bg-elevated:#141420;--bg-surface:#1b1b2c;--bg-surface-hover:#24243a;--glass-base:#141422bf;--glass-heavy:#0d0d16eb;--glass-light:#ffffff0d;--glass-border:#ffffff17;--glass-border-sub:#ffffff0d;--text-primary:#f5f5f7;--text-secondary:#8e8ea0;--text-muted:#545468;--text-inverse:#07070d;--accent:#ff2e4d;--accent-hover:#ff4d68;--accent-active:#e02441;--accent-soft:#ff2e4d1f;--accent-glow:#ff2e4d59;--accent-glow-sub:#ff2e4d2e;--album-primary-rgb:255, 46, 77;--album-primary-hex:#ff2e4d;--album-glow-color:#ff2e4d66;--album-glow-soft:#ff2e4d26;--success:#10b981;--success-soft:#10b98126;--warning:#f59e0b;--warning-soft:#f59e0b26;--error:#ef4444;--error-soft:#ef444426;--info:#3b82f6;--info-soft:#3b82f626;--font-ui:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Bebas Neue", "Inter", Impact, sans-serif;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:30px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006, 0 1px 2px #0003;--shadow-md:0 8px 24px #00000080, 0 2px 6px #0000004d;--shadow-lg:0 16px 48px #000000a6, 0 4px 12px #0006;--shadow-glow:0 0 30px var(--album-glow-color), 0 10px 30px #00000080;--shadow-glass:0 12px 40px #00000080, inset 0 1px 0 #ffffff1a;--ease-spring:cubic-bezier(.2, .8, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.25, .1, .25, 1);--transition-fast:all .15s var(--ease-spring);--transition-normal:all .25s var(--ease-spring);--transition-slow:all .4s var(--ease-smooth)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg-primary);color:var(--text-primary);font-size:16px}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex;position:relative}svg,.icon-svg{vertical-align:middle;display:inline-block;flex-shrink:0!important}button{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;font-family:inherit}button:active:not(:disabled){transform:scale(.96)}input,textarea,select{color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;font-family:inherit}img{flex-shrink:0;max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.tabular-nums,.now-playing-bar__time,.guest-now-playing__times,.tv-view__upnext-details,.guest-queue__track-votes,.queue-panel__track-votes{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff24}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}@keyframes equalizer1{0%,to{height:4px}50%{height:16px}}@keyframes equalizer2{0%,to{height:14px}50%{height:5px}}@keyframes equalizer3{0%,to{height:8px}50%{height:18px}}@keyframes ambientDrift{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.08)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(0)scale(1)}}.landing-view{background:radial-gradient(circle at 50% 20%, #ff2e4d26 0%, transparent 60%), radial-gradient(circle at 80% 80%, #3b82f614 0%, transparent 50%), var(--bg-primary);min-height:100dvh;padding:calc(var(--space-xl) + env(safe-area-inset-top,0px)) var(--space-md) calc(var(--space-xl) + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-view:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#ff2e4d38 0%,#0000 70%);width:600px;height:600px;animation:14s ease-in-out infinite ambientDrift;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.landing-view__container{gap:var(--space-xl);text-align:center;z-index:2;width:100%;max-width:440px;animation:scaleUp .4s var(--ease-spring);flex-direction:column;display:flex;position:relative}.landing-view__header{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.landing-view__logo-wrapper{border-radius:var(--radius-xl);width:68px;height:68px;margin-bottom:var(--space-xs);transition:transform .3s var(--ease-bounce);background:linear-gradient(135deg,#ff2e4d 0%,#d91436 100%);justify-content:center;align-items:center;display:flex;box-shadow:0 10px 28px #ff2e4d73,inset 0 1px #ffffff4d}.landing-view__logo-wrapper:hover{transform:scale(1.08)rotate(-4deg)}.landing-view__logo-icon{color:#fff}.landing-view__title{font-family:var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 4px 18px #0009;font-size:clamp(2.6rem,8vw,3.4rem);line-height:1}.landing-view__subtitle{color:var(--text-secondary);max-width:320px;font-size:.95rem;line-height:1.45}.landing-view__card{background:var(--glass-base);-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff1f;gap:var(--space-lg);flex-direction:column;display:flex}.landing-view__start-section{gap:var(--space-xs);flex-direction:column;display:flex}.landing-view__btn{border-radius:var(--radius-full);letter-spacing:.02em;transition:var(--transition-normal);justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:700;display:inline-flex}.landing-view__btn--primary{color:#fff;background:linear-gradient(135deg,#ff2e4d 0%,#e61d3d 100%);box-shadow:0 8px 24px #ff2e4d66,inset 0 1px #ffffff40}.landing-view__btn--primary:hover{background:linear-gradient(135deg,#ff4764 0%,#ff2e4d 100%);transform:translateY(-2px);box-shadow:0 10px 32px #ff2e4d8c,inset 0 1px #ffffff59}.landing-view__btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--glass-border);padding:10px 20px;font-size:.92rem}.landing-view__btn--secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:#fff3}.landing-view__btn--secondary:disabled{opacity:.4;cursor:not-allowed}.landing-view__hint{color:var(--text-muted);font-size:.78rem}.landing-view__divider{text-align:center;color:var(--text-muted);align-items:center;display:flex}.landing-view__divider:before,.landing-view__divider:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.landing-view__divider-text{padding:0 var(--space-md);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.landing-view__join-section{gap:var(--space-sm);flex-direction:column;display:flex}.landing-view__join-label{color:var(--text-secondary);text-align:left;font-size:.85rem;font-weight:600}.landing-view__input-group{gap:var(--space-sm);display:flex}.landing-view__input{border:1px solid var(--glass-border);border-radius:var(--radius-full);font-family:var(--font-display);letter-spacing:.16em;text-align:center;color:#fff;transition:var(--transition-fast);background:#0006;flex:1;min-width:0;padding:12px 18px;font-size:1.4rem;box-shadow:inset 0 2px 4px #0006}.landing-view__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow-sub), inset 0 2px 4px #0006}.landing-view__input::placeholder{color:#fff3;font-size:1.1rem}.landing-view__tv-link{color:var(--accent);margin-top:var(--space-xs);transition:var(--transition-fast);justify-content:center;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.landing-view__tv-link:hover{color:var(--accent-hover);text-decoration:underline}.landing-view__footer-tv{text-align:center}.landing-view__tv-btn{border:1px solid var(--glass-border-sub);color:var(--text-secondary);border-radius:var(--radius-full);transition:var(--transition-normal);background:#ffffff0d;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.landing-view__tv-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.host-view{background:var(--bg-primary);grid-template:"header header"58px"player queue"1fr"now-playing now-playing"90px/1fr 380px;width:100vw;max-width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}@media (width>=1440px){.host-view{grid-template-columns:1fr 420px}}.host-view__header{height:58px;min-height:58px;padding:0 var(--space-lg);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);z-index:50;background:#0d0d16f0;grid-area:header;justify-content:space-between;align-items:center;width:100%;display:flex}.host-view__player-section{background:radial-gradient(circle at 50% 50%, var(--album-glow-soft,#ff2e4d1a) 0%, transparent 70%);flex-direction:column;grid-area:player;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.host-view__queue-section{flex-direction:column;grid-area:queue;place-self:stretch stretch;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.host-view__desktop-queue{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.host-view__mobile-queue,.host-view__search-section{display:none}.host-view__now-playing{z-index:50;grid-area:now-playing;width:100%}.host-view__tabs{display:none}@media (width<=1024px){.host-view{flex-direction:column;grid-template:none;height:100dvh;display:flex}.host-view__header{height:54px;min-height:54px;padding:0 var(--space-md)}.host-view__player-section{-webkit-overflow-scrolling:touch;min-height:0;padding:8px 12px calc(72px + env(safe-area-inset-bottom,16px));box-sizing:border-box;flex-direction:column;flex:1;gap:12px;display:flex;overflow:hidden auto}.host-view__queue-section{min-height:0;padding-bottom:calc(72px + env(safe-area-inset-bottom,16px));flex:1;overflow-y:auto}.host-view__search-section{min-height:0;padding:12px 14px calc(72px + env(safe-area-inset-bottom,16px));box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow-y:auto}.host-view__desktop-queue{display:none}.host-view__mobile-queue{flex-direction:column;flex:1;min-height:0;display:flex}.host-view__section--mobile-hidden,.host-view__now-playing,.host-view__desktop-reactions{display:none!important}.host-view__tabs{width:100%;height:calc(60px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(28px)saturate(190%);border-top:1px solid var(--glass-border);padding:0 12px env(safe-area-inset-bottom,0px);z-index:90;background:#0d0d16f0;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0009;display:flex!important}}.mobile-player-details{display:none}@media (width<=1024px){.mobile-player-details{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:580px;margin:0 auto;padding-bottom:84px;display:flex}}.mobile-player__card{-webkit-backdrop-filter:blur(24px)saturate(180%);box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff1a}.mobile-player__card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-player__status-group{align-items:center;gap:8px;display:flex}.mobile-player__added-pill{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:.74rem;display:inline-flex}.mobile-player__added-name{color:var(--text-primary);font-weight:600}.mobile-player__live-badge{color:#f36;letter-spacing:.06em;background:#ff2e4d26;border:1px solid #ff2e4d59;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.mobile-player__soundwave{align-items:center;gap:2px;height:12px;display:flex}.mobile-player__soundwave span{background:currentColor;border-radius:1px;width:2px;height:100%;animation:1.2s ease-in-out infinite alternate soundwaveAnim;display:block}.mobile-player__soundwave span:first-child{animation-delay:.1s}.mobile-player__soundwave span:nth-child(2){animation-delay:.3s}.mobile-player__soundwave span:nth-child(3){animation-delay:.5s}.mobile-player__soundwave span:nth-child(4){animation-delay:.2s}.mobile-player__live-text--paused{color:var(--text-secondary);background:#ffffff14;border-color:#ffffff26}.mobile-player__track-info{flex-direction:column;gap:2px;display:flex}.mobile-player__title{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;margin:0;font-size:1.18rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.mobile-player__artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:500;overflow:hidden}.mobile-player__scrubber-wrap{flex-direction:column;gap:6px;width:100%;padding:2px 0;display:flex}.mobile-player__scrubber{cursor:pointer;touch-action:none;background:#ffffff1f;border-radius:9999px;width:100%;height:6px;transition:height .15s;position:relative}.mobile-player__scrubber:hover,.mobile-player__scrubber:active{height:8px}.mobile-player__scrubber-fill{background:linear-gradient(90deg, var(--accent), #ff4d6d);border-radius:9999px;height:100%;transition:width .1s linear;position:relative;box-shadow:0 0 10px #ff2e4d80}.mobile-player__times{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding:0 2px;font-size:.76rem;font-weight:600;display:flex}.mobile-player__actions{align-items:center;gap:8px;width:100%;display:flex}.mobile-player__listen-btn{border-radius:var(--radius-lg);border:1px solid var(--glass-border);min-height:42px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.mobile-player__listen-btn:active{transform:scale(.97)}.mobile-player__listen-btn--active{color:#ff4d6d;background:linear-gradient(135deg,#ff2e4d38,#ff6b6b24);border-color:#ff2e4d73;box-shadow:0 0 20px #ff2e4d38}.mobile-player__listen-pulse{background:#ff4d6d;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulseGlow;box-shadow:0 0 8px #ff4d6d}.mobile-player__action-pill{border-radius:var(--radius-lg);border:1px solid var(--glass-border);min-height:42px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.84rem;font-weight:600;display:inline-flex}.mobile-player__action-pill--active{color:#c084fc;background:#a855f733;border-color:#a855f773}.mobile-player__admin-controls{align-items:center;gap:6px;display:flex}.mobile-player__ctrl-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,background .15s;display:flex}.mobile-player__ctrl-btn:active{transform:scale(.92)}.mobile-player__ctrl-btn--play{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px #ff2e4d66}.mobile-player__volume-row{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:10px;padding:6px 12px;display:flex}.mobile-player__volume-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-player__volume-slider-wrap{flex:1;align-items:center;display:flex}.mobile-player__volume-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:100%;height:4px}.mobile-player__volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #00000080}.mobile-player__volume-text{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;width:32px;font-size:.76rem;font-weight:600}.native-cast-bar{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #00000059}.native-cast-bar__target{min-height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:14px;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;font-weight:600;transition:all .18s;display:flex}.native-cast-bar__target:active{background:#ffffff1f;transform:scale(.98)}.native-cast-bar--connected .native-cast-bar__target{color:var(--accent);background:#ff2e4d26}.native-cast-bar__badge{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.native-cast-bar__mute{min-height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:14px;margin-left:2px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:all .18s}.native-cast-bar__mute:active{background:#ffffff1f;transform:scale(.98)}.native-cast-bar__disconnect{min-width:36px;min-height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:all .18s;display:flex}.native-cast-bar__disconnect:active{background:#ff2e4d40;transform:scale(.95)}.mobile-up-next-chip{-webkit-backdrop-filter:blur(20px);cursor:pointer;box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;min-height:48px;padding:11px 16px;transition:all .2s;display:flex;box-shadow:0 8px 24px #00000059}.mobile-up-next-chip:active{background:#ffffff12;transform:scale(.99)}.mobile-up-next-chip__left{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.mobile-up-next-chip__icon{width:32px;height:32px;color:var(--accent);background:#ff2e4d26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-up-next-chip__text{text-align:left;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mobile-up-next-chip__label{color:var(--text-muted);letter-spacing:.05em;font-size:.68rem;font-weight:700}.mobile-up-next-chip__title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:500;overflow:hidden}.mobile-up-next-chip__arrow{color:var(--text-muted);flex-shrink:0;margin-left:8px}.mobile-player__idle-card{-webkit-backdrop-filter:blur(24px);text-align:center;color:var(--text-secondary);background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex;box-shadow:0 16px 40px #00000073}.mobile-player__idle-icon{width:56px;height:56px;color:var(--accent);background:#ff2e4d1f;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 24px #ff2e4d40}.mobile-player__idle-card h3{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.mobile-player__idle-card p{color:var(--text-muted);margin:0;font-size:.88rem}.mobile-player__search-shortcut-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #ff2e4d66}.mobile-player__search-shortcut-btn:active{transform:scale(.96)}.mobile-player__reactions{width:100%}.mobile-dock-search-bar{display:none}@media (width<=1024px){.mobile-dock-search-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom,10px));-webkit-backdrop-filter:blur(16px);z-index:100;box-sizing:border-box;background:linear-gradient(#0000 0%,#06060ad9 30%,#040408fa 100%);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-dock-search-btn{width:100%;max-width:580px;height:48px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;justify-content:space-between;align-items:center;padding:0 14px 0 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff1a}.mobile-dock-search-btn:active{border-color:var(--accent);background:#ffffff1a;transform:scale(.98)}.mobile-dock-search-btn__inner{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.mobile-dock-search-btn__icon{color:var(--accent);flex-shrink:0}.mobile-dock-search-btn__placeholder{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.mobile-dock-search-btn__action{flex-shrink:0}.mobile-dock-search-btn__badge{letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:9999px;padding:4px 10px;font-size:.72rem;font-weight:700;box-shadow:0 2px 8px #ff2e4d66}}.mobile-queue-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:200;background:#000000b8;flex-direction:column;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-queue-sheet{-webkit-backdrop-filter:blur(32px);border-top:1px solid var(--glass-border);background:#0e0e17fa;border-radius:24px 24px 0 0;flex-direction:column;max-height:86dvh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpSheet;display:flex;overflow:hidden;box-shadow:0 -12px 40px #000c}.guest-queue--modal{height:100%;max-height:86dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom,12px));box-sizing:border-box;flex-direction:column;max-width:100%;display:flex;overflow:hidden}.guest-queue__modal-bar{flex-shrink:0;justify-content:center;width:100%;padding:6px 0 10px;display:flex}.guest-queue__modal-pull-handle{background:#ffffff38;border-radius:9999px;width:38px;height:4px}.guest-queue__modal-close-btn{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.guest-queue__modal-close-btn:hover{color:#fff;background:#ffffff1f}@keyframes slideUpSheet{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes soundwaveAnim{0%,to{height:4px}50%{height:12px}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}.youtube-player-wrapper{width:100%;min-width:0;height:100%;min-height:0;padding:var(--space-sm) var(--space-md);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (width<=768px){.youtube-player-wrapper{padding:var(--space-xs) var(--space-sm)}}.youtube-player{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.youtube-player-container{aspect-ratio:16/9;width:100%;max-width:100%;height:auto;max-height:100%;box-shadow:0 20px 60px #000c, 0 0 35px var(--album-glow-color);background:#000;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;transition:box-shadow .6s;display:flex;position:relative;overflow:hidden}.youtube-player-container iframe,.youtube-player iframe{border:none;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.host-karaoke-overlay{z-index:20;-webkit-backdrop-filter:blur(28px);background:#07070df2;flex-direction:column;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.host-tv-status-bar{z-index:30;background:#10b9811f;border-bottom:1px solid #10b98140;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.85rem;display:flex}.host-tv-status-bar__left{color:#34d399;align-items:center;gap:8px;font-weight:600;display:flex}.host-tv-status-bar__dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%;flex-shrink:0}.host-tv-status-bar__btn{border:1px solid var(--glass-border-sub);color:var(--text-primary);border-radius:var(--radius-full);background:#ffffff14;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.now-playing-bar{z-index:50;-webkit-backdrop-filter:blur(28px)saturate(190%);border-top:1px solid var(--glass-border);height:90px;padding:0 var(--space-lg);align-items:center;gap:var(--space-md);background:#0d0d16f0;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);display:grid;position:relative;box-shadow:0 -8px 32px #00000080,inset 0 1px #ffffff14}.now-playing-bar__progress{cursor:pointer;z-index:60;background:#ffffff1a;height:6px;transition:height .15s;position:absolute;top:-3px;left:0;right:0}.now-playing-bar__progress:hover{height:8px;top:-4px}.now-playing-bar__progress-fill{border-radius:0 var(--radius-full) var(--radius-full) 0;height:100%;box-shadow:0 0 10px var(--accent-glow);background:linear-gradient(90deg,#ff2e4d,#ff5e78);position:relative}.now-playing-bar__progress:hover .now-playing-bar__progress-fill:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 8px #0009}.now-playing-bar__info{align-items:center;gap:var(--space-md);justify-self:start;min-width:0;display:flex;overflow:hidden}.now-playing-bar__art-wrapper{flex-shrink:0;width:54px;height:54px;position:relative}.now-playing-bar__art{border-radius:var(--radius-md);object-fit:cover;z-index:2;width:100%;height:100%;box-shadow:var(--shadow-sm);border:1px solid #ffffff1a;position:relative}.now-playing-bar__art-glow{border-radius:var(--radius-md);filter:blur(12px);opacity:.7;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(.95)translateY(4px)}.now-playing-bar__info-text{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.now-playing-bar__info-text strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.now-playing-bar__info-text span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.now-playing-bar__controls{align-items:center;gap:var(--space-md);flex-shrink:0;justify-content:center;justify-self:center;display:flex}.player-controls__btn{width:38px;min-width:38px;height:38px;min-height:38px;color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.player-controls__btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff26;transform:scale(1.06)}.player-controls__btn--primary{color:#07070d;background:#fff;border:none;width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:0 4px 16px #ffffff40}.player-controls__btn--primary:hover{color:#07070d;background:#fff;transform:scale(1.08);box-shadow:0 6px 22px #fff6}.player-controls__btn--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-glow)}.now-playing-bar__right{flex-shrink:0;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.now-playing-bar__time{color:var(--text-secondary);padding:0 var(--space-xs);white-space:nowrap;flex-shrink:0;font-size:.82rem;font-weight:500}.now-playing-bar__volume{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;padding:0 4px;display:flex}.player-controls__volume{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#ffffff26;outline:none;flex-shrink:0;width:76px;height:4px;transition:background .15s}.player-controls__volume::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 4px #00000080}.player-controls__volume:hover::-webkit-slider-thumb{transform:scale(1.25)}.now-playing-bar__guests{border-radius:var(--radius-full);border:1px solid var(--glass-border-sub);color:var(--text-primary);background:#ffffff0f;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.now-playing-bar__guests--interactive{cursor:pointer;transition:var(--transition-fast)}.now-playing-bar__guests--interactive:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}@media (width<=1280px){.now-playing-bar{padding:0 var(--space-md);gap:var(--space-sm)}.player-controls__volume{width:60px}.now-playing-bar__right{gap:6px}}.queue-panel{background:var(--bg-secondary);border-left:1px solid var(--glass-border);box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.queue-panel__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border-sub);-webkit-backdrop-filter:blur(16px);z-index:10;background:#0d0d16f2;flex-direction:column;flex-shrink:0;gap:10px;display:flex;position:sticky;top:0}.queue-panel__title-row{justify-content:space-between;align-items:center;width:100%;display:flex}.queue-panel__title-group{align-items:center;gap:8px;display:flex}.queue-panel__heading{color:#fff;font-size:1.15rem;font-weight:700}.queue-panel__count-badge{color:var(--text-secondary);border-radius:var(--radius-full);background:#ffffff0f;padding:2px 8px;font-size:.76rem;font-weight:600}.queue-settings-btn,.guest-queue__settings-btn{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-full);transition:var(--transition-fast);background:#ffffff0f;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.queue-settings-btn:hover,.guest-queue__settings-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.queue-status-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.queue-status-pill{border:1px solid var(--glass-border-sub);color:var(--text-secondary);border-radius:var(--radius-full);transition:var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff0a;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.queue-status-pill:hover{color:var(--text-primary);background:#ffffff14}.queue-status-pill--dj{background:var(--accent-soft);border-color:var(--accent-glow-sub);color:#ff5e78}.queue-status-pill--dj:hover{background:#ff2e4d33}.queue-status-pill--blue{background:var(--info-soft);color:#60a5fa;border-color:#3b82f659}.queue-status-pill--inactive{opacity:.55;border-style:dashed}.queue-panel__qr-card{align-items:center;gap:var(--space-sm);border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;padding:6px 8px;display:flex}.queue-panel__qr-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-1px)}.queue-panel__qr-card-img-wrap{border-radius:var(--radius-sm);background:#fff;flex-shrink:0;width:38px;height:38px;padding:2px}.queue-panel__qr-card-img{object-fit:contain;width:100%;height:100%}.queue-panel__qr-card-info{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.queue-panel__qr-card-badge{color:var(--accent);letter-spacing:.05em;align-items:center;gap:4px;font-size:.65rem;font-weight:800;display:inline-flex}.queue-panel__qr-card-code{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.queue-panel__qr-card-code strong{color:var(--text-primary);font-family:var(--font-mono,monospace);letter-spacing:.08em;font-size:.85rem;font-weight:800}.queue-panel__qr-card-url{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.queue-controls-bar{gap:6px;width:100%;display:flex}.dj-toggle-btn{border:1px solid var(--glass-border-sub);border-radius:var(--radius-full);min-width:0;color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff0a;flex:1;justify-content:space-between;align-items:center;gap:4px;padding:6px 8px;font-size:.74rem;font-weight:600;display:flex}.dj-toggle-btn__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=480px){.queue-controls-bar{gap:4px}.dj-toggle-btn{gap:2px;padding:5px 6px;font-size:.68rem}}.dj-toggle-btn:hover{color:var(--text-primary);background:#ffffff14}.dj-toggle-btn--active{background:var(--accent-soft);border-color:var(--accent);color:#fff}.dj-toggle-btn--active-blue{background:var(--info-soft);border-color:var(--info);color:#fff}.dj-toggle-btn__switch{border-radius:var(--radius-full);background:#fff3;flex-shrink:0;width:20px;height:11px;transition:background .2s;position:relative}.dj-toggle-btn__switch:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;transition:transform .2s;position:absolute;top:2px;left:2px}.dj-toggle-btn__switch--on{background:var(--accent)}.dj-toggle-btn__switch--on:after{transform:translate(10px)}.dj-toggle-btn__switch--on-blue{background:var(--info)}.dj-toggle-btn__switch--on-blue:after{transform:translate(10px)}.vibe-presets-container{flex-direction:column;gap:6px;width:100%;display:flex}.vibe-presets-header{justify-content:space-between;align-items:center;display:flex}.vibe-presets-label{letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:4px;font-size:.7rem;font-weight:800;display:inline-flex}.vibe-presets-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.vibe-chip{border-radius:var(--radius-full);border:1px solid var(--glass-border-sub);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.vibe-chip:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.vibe-chip:disabled{opacity:.35;cursor:not-allowed}.vibe-chip--active{box-shadow:0 0 12px var(--accent-glow-sub);background:var(--accent-soft)!important;border-color:var(--accent)!important;color:#fff!important}.vibe-chip__check{color:#fff;align-items:center;display:flex}.queue-panel__list{padding:var(--space-sm) var(--space-md);flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.queue-panel__track{border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);transition:var(--transition-fast);background:#ffffff05;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.queue-panel__track:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translate(2px)}.queue-panel__track--draggable{-webkit-user-select:none;user-select:none}.queue-panel__track--dragging{opacity:.4;transform:scale(.98);box-shadow:0 4px 16px #00000080;border-color:var(--accent)!important;background:#ff2e4d14!important}.queue-panel__track--drop-target{box-shadow:0 0 12px #ff2e4d4d, inset 0 0 0 1px var(--accent);border-color:var(--accent)!important;background:#ff2e4d1f!important}.queue-panel__drag-handle,.guest-queue__drag-handle{width:22px;height:22px;color:var(--text-muted);cursor:grab;border-radius:var(--radius-sm);transition:var(--transition-fast);opacity:.45;flex-shrink:0;justify-content:center;align-items:center;display:flex}.queue-panel__drag-handle:hover,.guest-queue__drag-handle:hover{color:#fff;opacity:1;background:#ffffff14}.queue-panel__track:hover .queue-panel__drag-handle,.guest-queue__track:hover .guest-queue__drag-handle{opacity:.85}.queue-panel__drag-handle:active,.guest-queue__drag-handle:active{cursor:grabbing}.queue-panel__track--dj{border-left:2px solid var(--accent)}.queue-panel__track-art-wrap{border-radius:var(--radius-sm);background:#0000004d;flex-shrink:0;width:42px;height:42px;overflow:hidden}.queue-panel__track-art{object-fit:cover;width:100%;height:100%}.queue-panel__track-info{flex:1;min-width:0}.queue-panel__track-title-row{align-items:center;gap:6px;display:flex}.queue-panel__track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.queue-panel__track-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.74rem;display:flex;overflow:hidden}.queue-panel__track-dot{opacity:.5}.queue-panel__track-author{color:var(--text-primary);font-weight:600}.queue-panel__track-votes{flex-shrink:0;align-items:center;gap:3px;display:flex}.queue-vote-btn{width:26px;min-width:26px;height:26px;min-height:26px;color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.queue-vote-btn:hover:not(:disabled){color:#fff;background:#ffffff1a;transform:scale(1.08)}.queue-vote-btn:active:not(:disabled){transform:scale(.94)}.queue-vote-btn:disabled,.guest-queue__vote-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.queue-vote-btn--active-up{background:var(--success-soft)!important;color:var(--success)!important;border-color:#22c55e4d!important}.queue-vote-btn--active-down{background:var(--error-soft)!important;color:var(--error)!important;border-color:#ef44444d!important}.queue-vote-count{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:.82rem;font-weight:700}.queue-vote-count--positive{color:var(--success)}.queue-vote-count--negative{color:var(--error)}.queue-panel__track-remove-btn{width:28px;height:28px;color:var(--text-muted);transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.queue-panel__track-remove-btn:hover{color:var(--error);background:var(--error-soft)}.queue-panel__track--empty{padding:var(--space-2xl) var(--space-md);text-align:center;color:var(--text-muted);align-items:center;gap:var(--space-sm);flex-direction:column;font-size:.9rem;display:flex}.queue-panel__empty-icon-wrap{background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.guest-view{background:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.guest-view__header{height:calc(54px + env(safe-area-inset-top,0px));min-height:calc(54px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);padding-top:env(safe-area-inset-top,0px);padding-bottom:0;padding-left:var(--space-md);padding-right:var(--space-md);box-sizing:border-box;z-index:40;background:#0d0d16f0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.guest-view__header-left{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.guest-view__logo-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.guest-view__logo-icon{color:var(--accent)}.guest-view__logo{font-family:var(--font-display);letter-spacing:.05em;color:#fff;font-size:1.35rem}.guest-view__room-badge{background:var(--accent-soft);border:1px solid var(--accent-glow-sub);color:#fff;border-radius:var(--radius-full);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;transition:var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.95rem;display:inline-flex}.guest-view__room-badge:hover{background:#ff2e4d33;transform:translateY(-1px)}.guest-view__room-badge--host{background:#ff2e4d26;border-color:#ff2e4d73;box-shadow:0 0 12px #ff2e4d26}.guest-view__room-badge--admin{background:#38bdf81f;border-color:#38bdf859;box-shadow:0 0 12px #38bdf81f}.guest-view__room-badge-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;flex-shrink:0}.guest-view__room-badge--admin .guest-view__room-badge-dot{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.guest-view__admin-badge-mini{color:#38bdf8;border-radius:var(--radius-full);font-family:var(--font-ui);letter-spacing:.04em;background:#38bdf838;border:1px solid #38bdf873;align-items:center;gap:3px;padding:1px 5px;font-size:.62rem;font-weight:800;line-height:1.2;display:inline-flex}.guest-view__members-btn{border:1px solid var(--glass-border-sub);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.guest-view__members-btn:hover{color:#fff;background:#ffffff1f}.guest-view__header-center{display:none}.guest-header-search-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);width:100%;max-width:440px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;align-items:center;gap:10px;padding:0 14px;font-size:.86rem;display:flex;box-shadow:inset 0 1px #ffffff0f}.guest-header-search-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38;transform:translateY(-1px);box-shadow:0 0 16px #ff2e4d1f,inset 0 1px #ffffff1f}.guest-header-search-btn__icon{color:var(--accent);flex-shrink:0}.guest-header-search-btn__placeholder{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);flex:1;font-size:.84rem;font-weight:400;overflow:hidden}.guest-header-search-btn__kbd{font-family:var(--font-mono,monospace);color:var(--text-secondary);letter-spacing:.04em;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700;line-height:1}.guest-view__header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.guest-view__icon-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border-sub);width:32px;min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.guest-view__icon-btn:hover{color:#fff;background:#ffffff1f;transform:translateY(-1px)}.guest-view__settings-btn{color:#38bdf8;background:#38bdf81f;border-color:#38bdf859}.guest-view__settings-btn:hover{color:#38bdf8;background:#38bdf838;border-color:#38bdf88c;box-shadow:0 0 12px #38bdf840}@media (width<=640px){.guest-view__logo-wrap{display:none}.guest-view__header{padding-left:10px;padding-right:10px}}@media (width<=480px){.guest-view__header{gap:6px;padding-left:8px;padding-right:8px}.guest-view__header-left,.guest-view__header-right{gap:5px;min-width:0}.guest-view__room-badge{gap:4px;padding:3px 8px;font-size:.85rem}.guest-view__members-btn{padding:3px 6px;font-size:.74rem}.guest-view__icon-btn{width:30px;min-width:30px;height:30px}}@media (width<=360px){.guest-view__header{padding-left:6px;padding-right:6px}.guest-view__admin-badge-mini span{display:none}.guest-view__admin-badge-mini{padding:1px 3px}.guest-view__icon-btn{width:28px;min-width:28px;height:28px}}.guest-view__icon-btn:hover,.guest-view__share-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26}.guest-view__leave-btn:hover{color:var(--error);background:var(--error-soft);border-color:#ef44444d}.guest-view__mobile-content{min-height:0;padding-bottom:calc(64px + env(safe-area-inset-bottom,12px));-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow-y:auto}.guest-view__mobile-section{width:100%;height:100%}.guest-view__mobile-section--playing{flex-direction:column;display:flex}.guest-view__mobile-section--hidden{display:none!important}.guest-view__desktop-layout{display:none}@media (width>=768px){.guest-view{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.guest-view__header{height:calc(58px + env(safe-area-inset-top,0px));min-height:calc(58px + env(safe-area-inset-top,0px));padding-left:var(--space-lg);padding-right:var(--space-lg)}.guest-view__header-center{max-width:480px;margin:0 var(--space-md);flex:1;justify-content:center;align-items:center;display:flex}.guest-view__tabs,.guest-view__mobile-content{display:none!important}.guest-view__desktop-layout{z-index:1;flex:1;grid-template-columns:1fr 1fr;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.guest-view__desktop-col{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.guest-view__desktop-col--left{border-right:1px solid var(--glass-border);background:radial-gradient(circle at 50% 32%, var(--album-glow-soft,#ff2e4d1f) 0%, transparent 68%);padding:var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow-y:auto}.guest-view__desktop-col--left .guest-now-playing{width:100%;max-width:480px;height:100%;padding:var(--space-xs) var(--space-md);justify-content:center;gap:clamp(8px,1.8vh,16px)}.guest-view__desktop-col--left .guest-now-playing__art-wrapper{width:min(38vw,250px,28vh);height:min(38vw,250px,28vh)}.guest-view__desktop-col--left .guest-now-playing__video-wrapper{width:min(100%,460px,60.4444vh);max-width:100%}.guest-view__desktop-col--left .guest-now-playing__lyrics-container{height:min(38vw,280px,32vh)}.guest-view__desktop-col--right{-webkit-backdrop-filter:blur(12px);background:#0a0a1273;flex-direction:column;display:flex;overflow:hidden}.guest-view__desktop-col--right .guest-queue{width:100%;max-width:none;height:100%;padding:var(--space-md) var(--space-xl);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.guest-view__desktop-col--right .guest-queue__list{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:6px;display:flex;overflow-y:auto}}@media (width>=1024px){.guest-view__desktop-layout{grid-template-columns:1.05fr .95fr}.guest-view__desktop-col--left .guest-now-playing{max-width:520px}.guest-view__desktop-col--left .guest-now-playing__art-wrapper{width:min(36vw,280px,32vh);height:min(36vw,280px,32vh)}.guest-view__desktop-col--left .guest-now-playing__video-wrapper{width:min(100%,500px,67.5556vh);max-width:100%}}@media (width>=1440px){.guest-view__desktop-layout{grid-template-columns:1.1fr .9fr}.guest-view__desktop-col--left .guest-now-playing{max-width:560px}.guest-view__desktop-col--left .guest-now-playing__art-wrapper{width:min(34vw,310px,34vh);height:min(34vw,310px,34vh)}.guest-view__desktop-col--left .guest-now-playing__video-wrapper{width:min(100%,540px,71.1111vh);max-width:100%}}.guest-now-playing{padding:8px var(--space-md) var(--space-md);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(4px,1.3vh,12px);max-width:440px;height:auto;min-height:100%;margin:0 auto;display:flex;position:relative}.guest-now-playing--video-mode{gap:clamp(6px,1.6vh,14px)}.guest-now-playing__mode-switch{border-radius:var(--radius-full);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);z-index:5;background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;gap:3px;margin-bottom:2px;padding:3px;display:inline-flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.guest-now-playing__mode-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 12px;font-family:inherit;font-size:.76rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.guest-now-playing__mode-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff12}.guest-now-playing__mode-btn--active{box-shadow:0 2px 10px var(--accent-glow);color:#fff!important;background:var(--accent)!important}.guest-now-playing__mode-btn--disabled{opacity:.35;cursor:not-allowed}.guest-now-playing--idle-container{justify-content:center;height:100%;min-height:100%}.guest-now-playing__idle{text-align:center;align-items:center;gap:var(--space-md);z-index:2;flex-direction:column;display:flex;position:relative}.guest-now-playing__idle-disc{border:1px solid var(--glass-border);width:80px;height:80px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 30px #0006}.guest-now-playing__idle-title{font-family:var(--font-display);letter-spacing:.06em;color:#fff;font-size:2rem}.guest-now-playing__idle-sub{color:var(--text-secondary);font-size:.9rem}.guest-now-playing__idle-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.guest-now-playing__idle-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-primary);align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;display:inline-flex}.guest-now-playing__idle-btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow);border:none}.guest-now-playing__art-wrapper{aspect-ratio:1;z-index:2;flex-shrink:0;width:min(50vw,185px,22vh);min-width:110px;height:min(50vw,185px,22vh);min-height:110px;margin:0 auto;position:relative}.guest-now-playing__art-glow-container{width:100%;height:100%;position:relative}.guest-now-playing__art{border-radius:var(--radius-xl);object-fit:cover;width:100%;height:100%;box-shadow:0 12px 32px #000000a6, 0 0 24px var(--album-glow-soft);transition:transform .4s var(--ease-spring);border:1px solid #ffffff1f}.guest-now-playing__art--playing{transform:scale(1.02)}.guest-now-playing__art-glow{border-radius:var(--radius-xl);filter:blur(20px);opacity:.65;pointer-events:none;z-index:-1;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0;transform:translateY(8px)scale(.95)}.guest-now-playing__video-wrapper{aspect-ratio:16/9;z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:540px;margin:0 auto;display:flex;position:relative}.guest-now-playing__video-glow{border-radius:var(--radius-xl);background:radial-gradient(ellipse at center, rgba(var(--album-primary-rgb,255, 46, 77), .5) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .2) 50%, transparent 75%);filter:blur(24px);opacity:.75;pointer-events:none;z-index:0;transition:opacity .6s;position:absolute;inset:-8px}.guest-now-playing__video-container{z-index:1;aspect-ratio:16/9;border-radius:var(--radius-xl);width:100%;height:100%;box-shadow:0 12px 32px #000000a6, 0 0 24px var(--album-glow-soft);box-sizing:border-box;background:#000;border:1px solid #ffffff24;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.guest-now-playing__video-container iframe{object-fit:contain;border:none;width:100%;height:100%}.guest-now-playing__video-container .youtube-player-container{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0}.guest-now-playing__video-unmute-badge{z-index:10;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0e0e18d9;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #00000080}.guest-now-playing__video-unmute-badge:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.03)}.guest-now-playing__lyrics-container{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);width:100%;height:min(54vw,220px,25vh);min-height:130px;box-shadow:var(--shadow-md);z-index:2;background:#12121cbf;flex-shrink:0;position:relative;overflow:hidden}.guest-now-playing__info{text-align:center;z-index:2;flex-direction:column;gap:1px;width:100%;min-width:0;display:flex;position:relative;overflow:hidden}.guest-now-playing__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.98rem,2.2vh,1.2rem);font-weight:800;line-height:1.2;overflow:hidden}.guest-now-playing__artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.76rem,1.6vh,.86rem);font-weight:500;overflow:hidden}.guest-now-playing__added-by{color:var(--accent);font-weight:600}.guest-now-playing__progress-container{z-index:2;flex-direction:column;flex-shrink:0;gap:4px;width:100%;display:flex;position:relative}.guest-now-playing__progress{border-radius:var(--radius-full);cursor:pointer;background:#ffffff1a;width:100%;height:5px;position:relative;overflow:hidden}.guest-now-playing__progress-fill{border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px var(--accent-glow);background:linear-gradient(90deg,#ff2e4d,#ff6b82)}.guest-now-playing__times{color:var(--text-muted);justify-content:space-between;font-size:.72rem;font-weight:500;display:flex}.guest-now-playing__volume{border:1px solid var(--glass-border-sub);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff0a;flex-shrink:0;align-items:center;gap:8px;width:100%;max-width:290px;padding:3px 10px;display:flex}.guest-now-playing__volume-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.guest-now-playing__volume-btn:hover{color:#fff;transform:scale(1.1)}.guest-now-playing__volume-slider-wrap{flex:1;align-items:center;min-width:0;display:flex}.guest-now-playing__volume-slider{border-radius:var(--radius-full);width:100%;height:4px;accent-color:var(--accent);cursor:pointer;transition:var(--transition-fast);background:#ffffff1f;outline:none}.guest-now-playing__volume-slider:hover{background:#fff3}.guest-now-playing__volume-value{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;flex-shrink:0;min-width:28px;font-size:.68rem;font-weight:700}.guest-now-playing__actions{z-index:2;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;display:flex;position:relative}.guest-now-playing__status-indicator{justify-content:center;align-items:center;min-width:28px;display:flex}.guest-now-playing__paused-text{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.guest-now-playing__listen-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border-sub);color:var(--text-primary);transition:var(--transition-fast);background:#ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.guest-now-playing__listen-btn:hover{background:#ffffff1f;border-color:#fff3}.guest-now-playing__listen-btn--active{background:var(--accent-soft);border-color:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow-sub)}.guest-now-playing__listen-btn--disabled{opacity:.35;cursor:not-allowed}.guest-now-playing__action-btn{border:1px solid var(--glass-border-sub);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.guest-now-playing__action-btn:hover{color:#fff;background:#ffffff1f}.guest-now-playing__controls{justify-content:center;align-items:center;gap:var(--space-lg);z-index:2;flex-shrink:0;width:100%;margin:1px 0;display:flex;position:relative}.guest-now-playing__play-btn{color:#07070d;width:52px;min-width:52px;height:52px;min-height:52px;transition:var(--transition-fast);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 20px #ffffff4d}.guest-now-playing__play-btn:hover{transform:scale(1.08);box-shadow:0 8px 24px #ffffff73}.guest-now-playing__skip-btn{border:1px solid var(--glass-border);color:#fff;width:38px;min-width:38px;height:38px;min-height:38px;transition:var(--transition-fast);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guest-now-playing__skip-btn:hover{background:#ffffff26;transform:scale(1.08)}.guest-now-playing__waveform{align-items:flex-end;gap:3px;height:14px;display:flex}.guest-now-playing__waveform span{background:var(--accent);border-radius:var(--radius-full);width:2.5px}.guest-now-playing__waveform span:first-child{animation:.8s ease-in-out infinite equalizer1}.guest-now-playing__waveform span:nth-child(2){animation:.9s ease-in-out infinite equalizer2}.guest-now-playing__waveform span:nth-child(3){animation:.7s ease-in-out infinite equalizer3}.guest-now-playing__waveform span:nth-child(4){animation:1.1s ease-in-out infinite equalizer2}.guest-now-playing__waveform span:nth-child(5){animation:.6s ease-in-out infinite equalizer1}.guest-view__tabs{width:100%;height:calc(60px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(28px)saturate(190%);border-top:1px solid var(--glass-border);padding:0 12px env(safe-area-inset-bottom,0px);z-index:90;background:#0d0d16f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0009}.guest-view__tab{height:100%;color:var(--text-muted);transition:var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:.72rem;font-weight:600;display:flex;position:relative}.guest-view__tab:hover{color:var(--text-secondary)}.guest-view__tab--active{color:#fff}.guest-view__tab--active:after{content:"";bottom:calc(4px + env(safe-area-inset-bottom,0px));background:var(--accent);width:4px;height:4px;box-shadow:0 0 6px var(--accent);border-radius:50%;position:absolute}.guest-view__tab-icon{justify-content:center;align-items:center;display:flex;position:relative}.guest-view__tab-badge{background:var(--accent);color:#fff;border-radius:var(--radius-full);padding:1px 5px;font-size:.65rem;font-weight:800;line-height:1;position:absolute;top:-4px;right:-8px}.guest-view__tab-playing-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%;position:absolute;top:-2px;right:-4px}.search-bar{padding:var(--space-md);gap:var(--space-md);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.search-bar__input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-bar__icon-prefix{color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.search-bar__input{background:var(--glass-base);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:#fff;width:100%;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff14;transition:var(--transition-fast);padding:14px 44px 14px 46px;font-size:.95rem}.search-bar__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow-sub), inset 0 1px 0 #ffffff14}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__clear-btn{color:var(--text-muted);border-radius:50%;padding:4px;position:absolute;right:14px}.search-bar__clear-btn:hover{color:#fff}.search-bar__results{gap:var(--space-xs);flex-direction:column;display:flex}.search-bar__add-all-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-md);box-shadow:0 4px 16px var(--accent-glow);padding:12px;font-weight:700}.search-bar__add-all-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.search-bar__result{align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);transition:var(--transition-fast);background:#ffffff05;border:1px solid #0000;padding:10px 14px;display:flex}.search-bar__result:hover{border-color:var(--glass-border-sub);background:#ffffff0f;transform:translateY(-1px)}.search-bar__result-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid #ffffff14;flex-shrink:0;width:48px;height:48px}.search-bar__result-info{flex:1;min-width:0;overflow:hidden}.search-bar__result-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.search-bar__result-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.long-video-badge{background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:3px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-flex}.search-bar__result-add{background:var(--accent);color:#fff;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:0 4px 12px var(--accent-glow-sub);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-bar__result-add:hover{background:var(--accent-hover);box-shadow:0 6px 18px var(--accent-glow);transform:scale(1.1)}.search-bar__loading,.search-bar__empty{padding:var(--space-2xl) var(--space-md);color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;font-size:.9rem;display:flex}.search-bar__spinner{border:2px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guest-search-overlay{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:300;width:100vw;height:100vh;padding:clamp(24px, 7vh, 70px) var(--space-md) var(--space-md);box-sizing:border-box;background:#040408b8;flex-direction:column;justify-content:flex-start;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width<=1024px){.guest-search-overlay{padding:max(12px, env(safe-area-inset-top,12px)) 12px 12px;-webkit-backdrop-filter:blur(28px)saturate(180%);background:#040408d1}}.guest-search-overlay__card{border-radius:var(--radius-2xl);width:100%;max-width:660px;max-height:calc(100vh - 110px);animation:searchModalPop .26s var(--ease-spring);background:#0e0e18f0;border:1px solid #ffffff24;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 32px 80px #000000d9,0 0 45px #ff2e4d29,inset 0 1px #ffffff26}@media (width<=1024px){.guest-search-overlay__card{border-radius:20px;max-height:calc(100dvh - 24px);animation:.28s cubic-bezier(.16,1,.3,1) slideDownModal}}@keyframes slideDownModal{0%{opacity:0;transform:translateY(-28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes searchModalPop{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.search-bar--overlay{width:100%;max-width:none;height:100%;max-height:inherit;flex-direction:column;gap:0;margin:0;padding:0;display:flex}.search-bar--overlay .search-bar__input-wrapper{border-bottom:1px solid var(--glass-border);background:#ffffff08;padding:14px 18px;position:relative}.search-bar--overlay .search-bar__icon-prefix{color:var(--accent);left:32px}.search-bar--overlay .search-bar__input{border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1f;padding:12px 105px 12px 44px;font-size:1.02rem}.search-bar--overlay .search-bar__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow-sub), inset 0 1px 0 #ffffff1a}.search-bar__actions-cluster{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.search-bar__actions-cluster .search-bar__clear-btn{width:24px;height:24px;color:var(--text-muted);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:static}.search-bar__actions-cluster .search-bar__clear-btn:hover{color:#fff;background:#ffffff2e}.search-bar__close-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border-sub);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff14;align-items:center;gap:5px;padding:4px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.search-bar__close-btn:hover{color:#fff;background:#ffffff29;transform:translateY(-1px)}.search-bar__esc-badge{font-family:var(--font-mono,monospace);color:var(--text-muted);letter-spacing:.05em;font-size:.65rem;font-weight:800;line-height:1}.search-bar--overlay .search-bar__results{flex-direction:column;flex:1;gap:6px;max-height:calc(100vh - 220px);padding:12px 16px 18px;display:flex;overflow-y:auto}.search-bar__overlay-hint{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-muted);font-size:.88rem;line-height:1.5}.guest-queue{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.guest-queue__header h3{color:#fff;font-size:1.15rem;font-weight:700}.guest-queue{padding:var(--space-md);gap:var(--space-sm);box-sizing:border-box;flex-direction:column;width:100%;max-width:600px;margin:0 auto;display:flex}.guest-queue__header{gap:var(--space-xs);flex-direction:column;flex-shrink:0;display:flex}.guest-queue__title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.guest-queue__title-group{align-items:center;gap:8px;display:flex}.guest-queue__title{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.guest-queue__badge{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff14;border-radius:9999px;padding:2px 8px;font-size:.76rem;font-weight:700}.guest-queue__list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px;display:flex;overflow-y:auto}.guest-queue__track{background:var(--glass-base);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-height:56px;box-shadow:var(--shadow-sm);box-sizing:border-box;align-items:center;gap:8px;padding:8px 10px;transition:transform .15s,background .15s,border-color .15s;display:flex;position:relative}.guest-queue__track:hover{background:#ffffff0f;border-color:#ffffff24}.guest-queue__track--draggable{-webkit-user-select:none;user-select:none}.guest-queue__track--dragging{opacity:.85;z-index:10;transform:scale(1.02);border-color:var(--accent)!important;background:#ff2e4d29!important;box-shadow:0 12px 28px #0009,0 0 16px #ff2e4d4d!important}.guest-queue__track--drop-target{box-shadow:0 0 12px #ff2e4d59, inset 0 0 0 1px var(--accent);border-color:var(--accent)!important;background:#ff2e4d1f!important}.guest-queue__drag-handle{width:22px;min-width:22px;height:38px;color:var(--text-muted);cursor:grab;touch-action:none;border-radius:var(--radius-sm);transition:var(--transition-fast);opacity:.6;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guest-queue__drag-handle:hover,.guest-queue__drag-handle:active{color:#fff;opacity:1;background:#ffffff1a}.guest-queue__track-art-wrap{border-radius:var(--radius-md);background:#0006;flex-shrink:0;width:44px;min-width:44px;height:44px;overflow:hidden}.guest-queue__track-art{object-fit:cover;width:100%;height:100%;display:block}.guest-queue__track-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.guest-queue__track-title-row{align-items:center;gap:6px;display:flex;overflow:hidden}.guest-queue__track-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin:0;font-size:.74rem;display:flex;overflow:hidden}.guest-queue__track-votes{flex-shrink:0;align-items:center;gap:2px;display:flex}.guest-queue__vote-btn{border:1px solid var(--glass-border);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.guest-queue__vote-btn:hover{color:#fff;background:#ffffff1f}.guest-queue__vote-btn:active{transform:scale(.92)}.guest-queue__vote-btn--up.guest-queue__vote-btn--active{color:#34d399;background:#10b98133;border-color:#10b98173}.guest-queue__vote-btn--down.guest-queue__vote-btn--active{color:#f87171;background:#ef444433;border-color:#ef444473}.guest-queue__vote-count{text-align:center;min-width:20px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.guest-queue__remove-btn{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin-left:2px;transition:all .15s;display:flex}.guest-queue__remove-btn:active{transform:scale(.92)}.guest-queue__empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.lyrics-view{width:100%;height:100%;padding:var(--space-md);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}.lyrics-view--karaoke{padding:var(--space-lg) var(--space-xl);text-align:center}.lyrics-view__karaoke-header{margin-bottom:var(--space-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lyrics-view__karaoke-badge{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow-sub);border-radius:var(--radius-full);flex-shrink:0;padding:4px 14px;font-size:.9rem}.lyrics-view__close-btn{top:var(--space-md);right:var(--space-md);z-index:30;color:#fff;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute}.lyrics-view__close-btn:hover{background:#fff3;transform:scale(1.08)}.lyrics-view__loading,.lyrics-view__empty{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.lyrics-view__loading-spinner{color:var(--accent);animation:1.2s infinite pulse}.lyrics-view__lines{scroll-behavior:smooth;gap:var(--space-md);padding:25vh var(--space-md);scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.lyrics-view__lines::-webkit-scrollbar{display:none}.lyrics-view__line{color:#ffffff40;cursor:pointer;transition:all .3s var(--ease-spring);-webkit-user-select:none;user-select:none;filter:blur(.5px);font-size:clamp(1.05rem,2.8vw,1.35rem);font-weight:500;line-height:1.45}.lyrics-view__line:hover{color:#fff9;filter:none}.lyrics-view__line--past{color:#fff3;opacity:.5}.lyrics-view__line--active{color:#fff;text-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow-sub);opacity:1;filter:none;font-size:clamp(1.35rem,3.8vw,1.85rem);font-weight:800;transform:scale(1.04)}.lyrics-view__plain{padding:var(--space-lg);color:var(--text-secondary);white-space:pre-wrap;flex:1;font-size:1rem;line-height:1.8;overflow-y:auto}.reaction-canvas-wrapper{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.reaction-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.room-energy-badge{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);pointer-events:none;z-index:100;opacity:0;visibility:hidden;background:#0a0a12eb;border:1px solid #ff2e4d73;align-items:center;gap:10px;padding:6px 18px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;display:flex;position:absolute;top:clamp(68px,9vh,84px);left:50%;transform:translate(-50%)translateY(-10px)scale(.95);box-shadow:0 8px 24px #ff2e4d47,0 0 14px #ff2e4d2e}.room-energy-badge--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.room-energy-badge__flame{font-size:1.1rem}.room-energy-badge__bar{border-radius:var(--radius-full);background:#ffffff1a;width:60px;height:6px;overflow:hidden}.room-energy-badge__fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#f90,#ff2e4d);height:100%;transition:width .3s}.room-energy-badge__text{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.85rem}.reaction-pad{z-index:60;flex-direction:column;flex-shrink:0;align-items:center;width:auto;max-width:100%;margin:0;display:flex;position:relative}.reaction-pad--docked{z-index:60;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.reaction-pad__bursts{pointer-events:none;height:80px;position:absolute;bottom:100%;left:0;right:0;overflow:visible}.reaction-pad__floating-burst{animation:floatUpFade .75s var(--ease-spring) forwards;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.8rem;position:absolute;bottom:0;transform:translate(-50%)}@keyframes floatUpFade{0%{opacity:1;transform:translate(-50%)scale(.6)}40%{transform:translate(calc(-50% + var(--drift-x,0px)), -36px) scale(1.25)}to{opacity:0;transform:translate(calc(-50% + var(--drift-x,0px)), -75px) scale(.95)}}.reaction-pad__trigger-pill{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);letter-spacing:.02em;cursor:pointer;transition:all .2s var(--ease-spring);background:#12121cd9;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #0006,0 0 10px #ff2e4d1a}.reaction-pad__trigger-pill:hover{background:#1a1a26f2;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,0 0 14px #ff2e4d33}.reaction-pad__trigger-pill:active{transform:scale(.96)translateY(0)}.reaction-pad__trigger-flame{font-size:.95rem;animation:2s ease-in-out infinite flamePulse}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.reaction-pad__trigger-text{color:var(--text-secondary);font-family:var(--font-display)}.reaction-pad__trigger-pill:hover .reaction-pad__trigger-text{color:var(--text-primary)}.reaction-pad__trigger-hint{color:var(--text-muted);align-items:center;margin-left:2px;transition:transform .2s;display:flex}.reaction-pad__trigger-pill:hover .reaction-pad__trigger-hint{color:var(--text-primary);transform:translateY(-1px)}.reaction-pad__panel{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border-light,#ffffff1f);border-radius:var(--radius-full);animation:reactionExpand .25s var(--ease-spring) forwards;background:#0e0e18eb;align-items:center;gap:6px;padding:4px 6px;display:flex;box-shadow:0 8px 30px #0000008c,0 0 16px #ff2e4d26}@keyframes reactionExpand{0%{opacity:0;transform:scale(.9)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.reaction-pad__buttons{align-items:center;gap:4px;display:flex}.reaction-pad__btn{border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:36px;font-size:1.25rem;transition:transform .1s cubic-bezier(.3,2,.5,1),background .12s;display:flex}.reaction-pad__btn:hover{background:#ffffff14}.reaction-pad__btn:active{background:var(--accent-soft);transform:scale(1.35)}.reaction-pad__collapse-btn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;transition:all .15s;display:flex}.reaction-pad__collapse-btn:hover{color:var(--text-primary);background:#ffffff26}.tv-view{background:radial-gradient(ellipse at 50% 40%, rgba(var(--album-primary-rgb,255, 46, 77), .12) 0%, #06060c 65%, #030306 100%);color:#fff;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.tv-view__ambient-mesh{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.tv-view__glow-orb{pointer-events:none;opacity:.7;will-change:opacity;border-radius:50%;transition:opacity 1.8s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateZ(0)}.tv-view__glow-orb--primary{background:radial-gradient(circle at center, rgba(var(--album-primary-rgb,255, 46, 77), .32) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .16) 35%, rgba(var(--album-primary-rgb,255, 46, 77), .04) 60%, transparent 75%);width:90vw;height:90vh;top:-15vh;left:-10vw}.tv-view__glow-orb--secondary{background:radial-gradient(circle at center, rgba(var(--album-primary-rgb,255, 46, 77), .28) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .12) 40%, rgba(var(--album-primary-rgb,255, 46, 77), .03) 65%, transparent 80%);width:80vw;height:80vh;top:-10vh;right:-10vw}.tv-view__glow-orb--tertiary{background:radial-gradient(ellipse at center, rgba(var(--album-primary-rgb,255, 46, 77), .22) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .08) 45%, transparent 70%);width:100vw;height:60vh;bottom:-15vh;left:0}.tv-view__ambient-vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 45%,#05050a99 75%,#030306f2 100%);position:absolute;inset:0}.tv-view__container{z-index:2;box-sizing:border-box;flex-direction:column;gap:clamp(12px,2vh,20px);width:100%;height:100%;padding:clamp(14px,2.5vh,26px) clamp(22px,3.2vw,44px);display:flex;position:relative}.tv-view__hud{border-radius:var(--radius-2xl);background:#0c0c14e0;border:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:clamp(52px,6.5vh,68px);padding:0 clamp(16px,2vw,24px);display:flex;box-shadow:0 12px 32px #00000080,inset 0 1px #ffffff14}.tv-view__brand{align-items:center;gap:14px;display:flex}.tv-view__brand-icon{background:var(--accent);color:#fff;width:clamp(34px,4.5vh,42px);height:clamp(34px,4.5vh,42px);box-shadow:0 0 20px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tv-view__brand-title{font-family:var(--font-display);letter-spacing:.08em;font-size:clamp(1.4rem,2.5vh,2rem)}.tv-view__status-live{letter-spacing:.06em;border-radius:var(--radius-full);background:var(--success-soft);color:#4ade80;border:1px solid #4ade804d;flex-shrink:0;padding:4px 12px;font-size:.75rem;font-weight:800;box-shadow:0 0 12px #4ade8033}.tv-view__hud-right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.tv-view__hud-btn{border:1px solid var(--glass-border-sub);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:clamp(36px,4.5vh,44px);height:clamp(36px,4.5vh,44px);transition:var(--transition-fast);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.tv-view__hud-btn:hover{background:#ffffff26;transform:translateY(-1px)}.tv-view__hud-btn:active{transform:scale(.96)}.tv-view__hud-karaoke-btn{border-radius:var(--radius-full);gap:8px;width:auto;height:clamp(38px,4.8vh,44px);padding:0 18px;font-size:.95rem;font-weight:700}.tv-view__hud-karaoke-btn--active{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow);border-color:#fff3}.tv-view__hud-karaoke-btn--available{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1f}.tv-view__hud-karaoke-btn--available:hover{border-color:var(--accent);background:#ffffff29}.tv-view__hud-karaoke-btn--disabled{opacity:.35;cursor:not-allowed}.tv-view__hud-btn-text{font-size:.85rem;font-weight:700}.tv-view__join-badge{border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:6px 16px 6px 8px;display:flex;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff14}.tv-view__join-badge:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.tv-view__join-badge:active{transform:scale(.96)}.tv-view__mini-qr{border-radius:var(--radius-xs);background:#fff;flex-shrink:0;width:clamp(32px,4.5vh,42px);height:clamp(32px,4.5vh,42px);padding:2px}.tv-view__join-info{flex-direction:column;line-height:1.1;display:flex}.tv-view__join-label{color:var(--text-muted);letter-spacing:.06em;font-size:.68rem;font-weight:700}.tv-view__room-code{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);font-size:clamp(1.2rem,2.2vh,1.6rem)}.tv-view__guests-badge{border-radius:var(--radius-full);background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:clamp(.9rem,1.5vh,1.05rem);font-weight:700;display:flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.tv-view__stage{flex:1;justify-content:center;align-items:center;gap:clamp(16px,2.5vw,32px);width:100%;height:100%;min-height:0;display:flex}.tv-view__stage--split .tv-view__player-wrapper{flex:58%;max-width:58%}.tv-view__player-wrapper{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.tv-view__player-container-outer{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative}.tv-view__player-underglow{background:radial-gradient(ellipse at center, rgba(var(--album-primary-rgb,255, 46, 77), .55) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .25) 45%, rgba(var(--album-primary-rgb,255, 46, 77), .06) 70%, transparent 85%);opacity:.85;pointer-events:none;z-index:0;will-change:opacity;border-radius:40px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:-16px;transform:translateZ(0)}.tv-view__player-container{z-index:1;aspect-ratio:16/9;border-radius:var(--radius-2xl);width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:0 0 40px -10px rgba(var(--album-primary-rgb,255, 46, 77), .4), 0 24px 64px #000000d9;background:#000;border:1px solid #ffffff29;justify-content:center;align-items:center;transition:box-shadow 1s,border-color .8s;display:flex;position:relative;overflow:hidden}.tv-view__player-container iframe,.tv-view--cast .youtube-player-container iframe{border:none;width:100%;height:100%;display:block}.tv-view__player-container .youtube-player-container,.tv-view--cast .youtube-player-container{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;isolation:auto!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}.tv-view__reopen-lyrics-pill{border:1px solid var(--accent);color:#fff;border-radius:var(--radius-full);box-shadow:0 8px 24px #0009, 0 0 16px var(--accent-glow), inset 0 1px 0 #ffffff14;z-index:15;cursor:pointer;background:#0c0c14f0;align-items:center;gap:8px;padding:10px 20px;font-size:clamp(.85rem,1.4vh,.95rem);font-weight:700;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s;display:flex;position:absolute;bottom:clamp(16px,2.5vh,24px);right:clamp(16px,2.5vw,24px)}.tv-view__reopen-lyrics-pill:hover{background:var(--accent);transform:scale(1.05)}.tv-view__reopen-lyrics-pill:active{transform:scale(.96)}.tv-view__standby-card{text-align:center;border-radius:var(--radius-2xl);background:#0c0c14e0;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:680px;padding:clamp(32px,5vh,56px);display:flex;box-shadow:0 24px 64px #0009,inset 0 1px #ffffff14}.tv-view__standby-qr-wrap{border-radius:var(--radius-lg);box-sizing:border-box;background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:clamp(140px,22vh,220px);height:clamp(140px,22vh,220px);margin-bottom:20px;padding:12px;display:flex;box-shadow:0 12px 32px #0006}.tv-view__standby-qr{object-fit:contain;width:100%;height:100%}.tv-view__standby-loader{color:var(--accent);animation:1.5s ease-in-out infinite pulse}.tv-view__standby-title{font-family:var(--font-display);letter-spacing:.05em;text-shadow:0 2px 12px #00000080;margin:0 0 10px;font-size:clamp(2rem,4.5vh,3.2rem)}.tv-view__standby-subtitle{color:var(--text-secondary);max-width:480px;margin:0 0 24px;font-size:clamp(1rem,1.8vh,1.3rem);line-height:1.5}.tv-view__code-highlight{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;text-shadow:0 0 12px var(--accent-glow);font-size:1.3em;font-weight:700}.tv-view__standby-hint{color:var(--text-muted);font-size:.85rem}.tv-view__standby-hint kbd{color:var(--text-primary);background:#ffffff1f;border:1px solid #ffffff26;border-radius:6px;margin:0 4px;padding:3px 9px;font-family:monospace;font-weight:700}.tv-view__lyrics-wrapper{border-radius:var(--radius-2xl);background:#0c0c14e0;border:1px solid #ffffff14;flex-direction:column;flex:42%;max-width:42%;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff14}.tv-view__lyrics-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.tv-view__lyrics-badge{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);text-shadow:0 0 10px var(--accent-glow);align-items:center;gap:8px;font-size:.95rem;display:flex}.tv-view__lyrics-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.tv-view__lyrics-toggle:hover{color:#fff;background:#ffffff1a}.tv-view__footer{border-radius:var(--radius-2xl);justify-content:space-between;align-items:center;gap:var(--space-md);background:#0c0c14e0;border:1px solid #ffffff14;flex-shrink:0;min-height:clamp(60px,8.5vh,80px);padding:12px 24px;display:flex;box-shadow:0 16px 40px #0006,inset 0 1px #ffffff14}.tv-view__meta-card{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.tv-view__meta-thumb{border-radius:var(--radius-md);object-fit:cover;border:1px solid #ffffff1f;flex-shrink:0;width:clamp(48px,6.5vh,60px);height:clamp(48px,6.5vh,60px);box-shadow:0 4px 16px #0006}.tv-view__meta-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:clamp(1.05rem,1.8vh,1.4rem);font-weight:800;overflow:hidden}.tv-view__meta-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:clamp(.85rem,1.4vh,1.02rem);overflow:hidden}.tv-view__meta-contributor{color:var(--accent);font-weight:600}.tv-view__upnext-card{border-radius:var(--radius-xl);background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;max-width:40%;padding:10px 18px;display:flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.tv-view__upnext-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);font-size:.85rem;font-weight:700}.tv-view__upnext-details{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.82rem,1.3vh,.95rem);overflow:hidden}.tv-view__upnext-title{color:var(--text-primary);font-weight:700}.tv-view__upnext-artist{color:var(--text-secondary)}.tv-view__unlock-banner{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-full);color:#fff;z-index:999;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0e0e18e0;border:1px solid #ff2e4d73;align-items:center;gap:14px;padding:12px 28px;font-size:clamp(.9rem,1.4vh,1.05rem);font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s,box-shadow .2s;animation:2.4s ease-in-out infinite alternate tvBannerBounce;display:inline-flex;position:fixed;bottom:clamp(92px,12vh,120px);left:50%;transform:translate(-50%);box-shadow:0 16px 44px #000000bf,0 0 32px #ff2e4d59,inset 0 1px #fff3}.tv-view__unlock-banner:hover{background:#161624f2;border-color:#ff2e4dbf;transform:translate(-50%)scale(1.03);box-shadow:0 20px 48px #000000d9,0 0 40px #ff2e4d80,inset 0 1px #ffffff4d}.tv-view__unlock-banner:active{transform:translate(-50%)scale(.96)}.tv-view__unlock-banner-icon-wrap{color:#ff2e4d;background:#ff2e4d33;border:1px solid #ff2e4d80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;animation:1.8s ease-in-out infinite tvSoundwavePulse;display:flex;box-shadow:0 0 14px #ff2e4d66}.tv-view__unlock-banner-text{letter-spacing:.2px;color:#fffffff2}@keyframes tvBannerBounce{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}@keyframes tvSoundwavePulse{0%,to{transform:scale(1);box-shadow:0 0 12px #ff2e4d66}50%{transform:scale(1.12);box-shadow:0 0 22px #ff2e4dbf}}.modal-overlay,.tv-view__modal-overlay,.guest-nickname-modal,.qr-overlay{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:1000;padding:calc(var(--space-md) + env(safe-area-inset-top,0px)) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#040408cc;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card,.guest-nickname-modal__card,.qr-overlay__card{background:var(--glass-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-xl);width:100%;max-width:480px;animation:scaleUp .25s var(--ease-spring);flex-direction:column;display:flex;position:relative;box-shadow:0 24px 64px #000000d9,inset 0 1px #ffffff1f}.tv-cast-modal{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:1000;padding:calc(var(--space-md) + env(safe-area-inset-top,0px)) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#040408d1;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.tv-cast-modal__card{background:var(--glass-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-xl);box-sizing:border-box;width:100%;max-width:540px;max-height:min(92vh,760px);animation:scaleUp .25s var(--ease-spring);scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 64px #000000d9,inset 0 1px #ffffff1f}.tv-view__modal-card{text-align:center;-webkit-backdrop-filter:blur(36px)saturate(190%);border-radius:var(--radius-2xl);width:90%;max-width:520px;box-shadow:0 32px 80px #000000d9, 0 0 40px var(--album-glow-soft);animation:scaleUp .25s var(--ease-spring);background:#0e0e18eb;border:1px solid #ffffff1f;flex-direction:column;align-items:center;padding:clamp(24px,4vh,40px);display:flex;position:relative}.tv-view__modal-close{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.tv-view__modal-close:hover{color:#fff;background:#ffffff2e;transform:scale(1.05)}.tv-view__modal-title{font-family:var(--font-display);letter-spacing:.06em;margin:0 0 20px;font-size:clamp(1.8rem,3.5vh,2.4rem)}.tv-view__modal-qr{border-radius:var(--radius-xl);box-sizing:border-box;object-fit:contain;background:#fff;width:clamp(200px,30vh,260px);height:clamp(200px,30vh,260px);margin-bottom:20px;padding:14px;box-shadow:0 12px 36px #00000080}.tv-view__modal-room-box{border-radius:var(--radius-full);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:16px;padding:8px 24px;display:flex}.tv-view__modal-room-label{color:var(--text-muted);letter-spacing:.08em;font-size:.8rem;font-weight:700}.tv-view__modal-room-code{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);font-size:1.8rem}.tv-view__modal-instructions{color:var(--text-secondary);max-width:420px;margin:0 0 16px;font-size:clamp(.9rem,1.6vh,1.05rem);line-height:1.5}.tv-view__modal-hint{color:var(--text-muted);margin:0;font-size:.85rem}.tv-view__modal-hint kbd{color:#fff;background:#ffffff1f;border:1px solid #ffffff29;border-radius:4px;padding:2px 8px;font-family:monospace;font-weight:700}.qr-overlay__code{border-radius:var(--radius-xl);width:220px;height:220px;margin:var(--space-md) auto;box-shadow:var(--shadow-md);background:#fff;flex-shrink:0;padding:12px}.guest-nickname-modal__error{background:var(--error-soft);color:#fca5a5;border-radius:var(--radius-md);margin-bottom:var(--space-sm);border:1px solid #ef44444d;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.guest-nickname-modal__input{border:1px solid var(--glass-border);border-radius:var(--radius-full);color:#fff;text-align:center;width:100%;margin-bottom:var(--space-md);transition:var(--transition-fast);background:#0006;padding:12px 18px;font-size:1rem}.guest-nickname-modal__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow-sub)}.guest-nickname-modal__input--error{border-color:var(--error)}.guest-nickname-modal__buttons{gap:var(--space-sm);display:flex}.guest-nickname-modal__btn{border-radius:var(--radius-full);background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow);flex:1;padding:12px 20px;font-size:.95rem;font-weight:700}.guest-nickname-modal__btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.guest-nickname-modal__btn:disabled{opacity:.4;cursor:not-allowed}.guest-nickname-modal__btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:none}.guest-kicked-modal{text-align:center;align-items:center;gap:var(--space-sm)}.guest-kicked-modal__icon{background:var(--error-soft);width:64px;height:64px;color:var(--error);margin-bottom:var(--space-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guest-kicked-modal__btn{margin-top:var(--space-md);border-radius:var(--radius-full);background:var(--accent);color:#fff;padding:12px 28px;font-weight:700}.toast-container{z-index:2000;gap:var(--space-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:#fff;animation:slideDown .3s var(--ease-spring);background:#12121ceb;align-items:center;gap:12px;padding:12px 18px;font-size:.88rem;font-weight:500;display:flex;box-shadow:0 12px 36px #0009,inset 0 1px #ffffff1a}.toast--success{border-color:#10b98166}.toast--error{border-color:#ef444466}.toast--info{border-color:#3b82f666}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__message{flex:1}.toast__close-btn{color:var(--text-muted);border-radius:50%;flex-shrink:0;padding:2px}.toast__close-btn:hover{color:#fff}.room-members-modal{width:100%;max-width:480px}.room-members-modal__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.room-members-modal__title-wrap{align-items:center;gap:var(--space-sm);display:flex}.room-members-modal__title-icon-wrap{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-primary);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.room-members-modal__title{color:#fff;font-size:1.15rem;font-weight:700;line-height:1.2}.room-members-modal__badge{color:var(--text-muted);font-size:.76rem;font-weight:500}.room-members-modal__close-btn{color:var(--text-muted);transition:var(--transition-fast);border-radius:50%;flex-shrink:0;padding:6px}.room-members-modal__close-btn:hover{color:#fff;background:#ffffff1a}.room-members-modal__list{max-height:340px;margin-bottom:var(--space-md);flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.room-members-modal__item{border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);transition:var(--transition-fast);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.room-members-modal__item:hover{background:#ffffff0d}.room-members-modal__item--host{background:#ffd7000f;border-color:#ffd70040;box-shadow:0 0 16px #ffd7000f}.room-members-modal__item--admin{background:#38bdf80f;border-color:#38bdf840;box-shadow:0 0 16px #38bdf80f}.room-members-modal__item--tv{background:#34d3990f;border-color:#34d39940}.room-members-modal__item-avatar{flex-shrink:0;justify-content:center;align-items:center;width:24px;margin-right:12px;display:flex}.room-members-modal__item-info{flex:1;min-width:0}.room-members-modal__item-name-wrap{align-items:center;gap:6px;display:flex}.room-members-modal__item-name{color:#fff;font-size:.92rem;font-weight:600}.room-members-modal__you-tag{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);flex-shrink:0;padding:1px 6px;font-size:.68rem;font-weight:700}.room-members-modal__role-container{align-items:center;margin-top:2px;display:flex}.room-members-modal__role-badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.room-members-modal__role-badge--host{color:gold;background:#ffd70026;border:1px solid #ffd70059}.room-members-modal__role-badge--admin{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.room-members-modal__role-badge--tv{color:#34d399;background:#34d39926;border:1px solid #34d39959}.room-members-modal__item-role{color:var(--text-secondary);font-size:.75rem}.room-members-modal__item-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.room-members-modal__change-name-btn{border-radius:var(--radius-full);color:var(--text-primary);transition:var(--transition-fast);background:#ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.room-members-modal__change-name-btn:hover{background:#ffffff1f}.room-members-modal__promote-btn{border-radius:var(--radius-full);color:#38bdf8;transition:var(--transition-fast);background:#38bdf81f;border:1px solid #38bdf840;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.room-members-modal__promote-btn:hover{background:#38bdf838;border-color:#38bdf873;transform:translateY(-1px)}.room-members-modal__demote-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border-sub);color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.room-members-modal__demote-btn:hover{color:var(--text-primary);background:#ffffff1f;transform:translateY(-1px)}.room-members-modal__kick-btn{border-radius:var(--radius-full);background:var(--error-soft);color:var(--error);transition:var(--transition-fast);border:1px solid #ef444433;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.room-members-modal__kick-btn:hover{border-color:var(--error);background:#ef444440;transform:translateY(-1px)}.room-members-modal__footer{gap:var(--space-sm);border-top:1px solid var(--glass-border-sub);padding-top:var(--space-sm);flex-direction:column;flex-shrink:0;display:flex}.room-members-modal__footer-text{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.room-members-modal__footer-text--host{color:gold}.room-members-modal__footer-text--admin{color:#38bdf8}.room-members-modal__leave-btn{border-radius:var(--radius-full);background:var(--error-soft);width:100%;color:var(--error);transition:var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.9rem;font-weight:700;display:inline-flex}.room-members-modal__leave-btn:hover{background:#ef444440}.room-settings-modal{flex-direction:column;width:100%;max-width:520px;max-height:90dvh;padding:0;display:flex;overflow:hidden}.room-settings-modal__header{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--glass-border-sub);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.room-settings-modal__title-wrap{align-items:center;gap:12px;display:flex}.room-settings-modal__icon-wrap{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);box-shadow:0 4px 14px var(--accent-glow-sub);flex-shrink:0;justify-content:center;align-items:center;display:flex}.room-settings-modal__title{color:#fff;font-size:1.18rem;font-weight:700;line-height:1.2}.room-settings-modal__subtitle{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.room-settings-modal__close-btn{color:var(--text-muted);transition:var(--transition-fast);border-radius:50%;flex-shrink:0;padding:8px}.room-settings-modal__close-btn:hover{color:#fff;background:#ffffff1a}.room-settings-modal__body{padding:var(--space-md) var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.room-settings-modal__section{border:1px solid var(--glass-border-sub);border-radius:var(--radius-lg);padding:var(--space-md);background:#ffffff05;flex-direction:column;gap:10px;display:flex}.room-settings-modal__section-header{justify-content:space-between;align-items:center;display:flex}.room-settings-modal__section-badge{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;align-items:center;gap:5px;font-size:.72rem;font-weight:800;display:inline-flex}.room-settings-modal__toggle-card{justify-content:space-between;align-items:center;gap:var(--space-md);border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;padding:12px 14px;display:flex}.room-settings-modal__toggle-card:hover{background:#ffffff0f;border-color:#ffffff24}.room-settings-modal__toggle-card--active{background:var(--accent-soft);border-color:#ff2e4d66;box-shadow:0 0 16px #ff2e4d1f}.room-settings-modal__toggle-card--active-blue{background:var(--info-soft);border-color:#3b82f666;box-shadow:0 0 16px #3b82f61f}.room-settings-modal__toggle-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.room-settings-modal__toggle-title-row{align-items:center;gap:8px;display:flex}.room-settings-modal__toggle-icon{color:var(--text-secondary);flex-shrink:0}.room-settings-modal__toggle-card--active .room-settings-modal__toggle-icon{color:var(--accent)}.room-settings-modal__toggle-card--active-blue .room-settings-modal__toggle-icon{color:#60a5fa}.room-settings-modal__toggle-title{color:#fff;font-size:.92rem;font-weight:600}.room-settings-modal__toggle-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.35}.room-settings-switch{border-radius:var(--radius-full);width:44px;height:24px;transition:background .25s var(--ease-spring);background:#ffffff2e;flex-shrink:0;padding:2px;position:relative}.room-settings-switch__thumb{width:20px;height:20px;transition:transform .25s var(--ease-spring);background:#fff;border-radius:50%;display:block;box-shadow:0 2px 6px #0006}.room-settings-switch--on{background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.room-settings-switch--on .room-settings-switch__thumb{transform:translate(20px)}.room-settings-switch--on-blue{background:var(--info);box-shadow:0 0 12px #3b82f680}.room-settings-switch--on-blue .room-settings-switch__thumb{transform:translate(20px)}.room-settings-switch--on-fire{background:linear-gradient(135deg,#f30,#f05);box-shadow:0 0 14px #ff00558c}.room-settings-switch--on-fire .room-settings-switch__thumb{transform:translate(20px)}.room-settings-modal__toggle-card--active-fire{background:#ff005514;border-color:#ff005559;box-shadow:0 4px 16px #ff005526}.room-settings-modal__vibe-container{flex-direction:column;gap:8px;margin-top:4px;transition:opacity .2s;display:flex}.room-settings-modal__vibe-container--disabled{opacity:.45}.room-settings-modal__vibe-header{justify-content:space-between;align-items:center;display:flex}.room-settings-modal__vibe-label{letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:4px;font-size:.7rem;font-weight:800;display:inline-flex}.room-settings-modal__vibe-hint{color:var(--text-muted);font-size:.72rem}.room-settings-modal__vibe-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=480px){.room-settings-modal__vibe-grid{grid-template-columns:repeat(2,1fr)}}.room-settings-modal__toggles-grid{flex-direction:column;gap:8px;display:flex}.room-settings-modal__action-row{border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.room-settings-modal__action-info{flex-direction:column;gap:2px;display:flex}.room-settings-modal__action-title{color:#fff;font-size:.88rem;font-weight:600}.room-settings-modal__action-count{color:var(--text-secondary);font-size:.76rem}.room-settings-modal__clear-btn{border-radius:var(--radius-full);background:var(--error-soft);color:var(--error);transition:var(--transition-fast);border:1px solid #ef444440;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.room-settings-modal__clear-btn:hover:not(:disabled){border-color:var(--error);background:#ef444440;transform:translateY(-1px)}.room-settings-modal__clear-btn--confirm{animation:1s ease-in-out infinite pulse;box-shadow:0 0 16px #ef444480;background:var(--error)!important;color:#fff!important}.room-settings-modal__clear-btn:disabled{opacity:.4;cursor:not-allowed}.room-settings-modal__quick-link-card{justify-content:space-between;align-items:center;gap:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#ffffff0a;padding:12px 14px;display:flex}.room-settings-modal__quick-link-info{flex-direction:column;gap:4px;display:flex}.room-settings-modal__quick-link-title{color:#fff;align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:flex}.room-settings-modal__quick-link-stats{align-items:center;gap:6px;display:flex}.room-settings-modal__role-pill{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0f;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.room-settings-modal__manage-members-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);color:var(--text-primary);white-space:nowrap;transition:var(--transition-fast);background:#ffffff14;align-items:center;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.room-settings-modal__manage-members-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.room-settings-modal__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--glass-border-sub);background:#0d0d1699;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.room-settings-modal__role-tag{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.room-settings-modal__role-tag--host{color:gold;background:#ffd7001f;border:1px solid #ffd7004d}.room-settings-modal__role-tag--admin{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d}.room-settings-modal__done-btn{border-radius:var(--radius-full);background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow-sub);transition:var(--transition-fast);padding:8px 24px;font-size:.88rem;font-weight:700}.room-settings-modal__done-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.guest-view__admin-pill{color:#38bdf8;border-radius:var(--radius-full);letter-spacing:.05em;background:#38bdf826;border:1px solid #38bdf859;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 0 12px #38bdf826}.guest-view__settings-btn{color:#38bdf8!important}.guest-queue__track--now-playing{border-left:3px solid var(--accent);background:#ff2e4d0d}.guest-queue__playing-tag{color:var(--accent);letter-spacing:.05em;align-items:center;gap:3px;font-size:.65rem;font-weight:800;display:inline-flex}.guest-queue__track-art-wrap{border-radius:var(--radius-sm);background:#0000004d;flex-shrink:0;width:44px;height:44px;overflow:hidden}.guest-queue__track-art{object-fit:cover;width:100%;height:100%}.guest-queue__track-title-row{align-items:center;gap:6px;display:flex}.guest-queue__track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.guest-queue__track-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.74rem;display:flex;overflow:hidden}.guest-queue__track-dot{opacity:.5}.guest-queue__track-author{color:var(--text-primary);font-weight:600}.guest-queue__vote-count{color:var(--text-muted);text-align:center;min-width:16px;font-size:.82rem;font-weight:700}.guest-queue__vote-count--up{color:var(--success)}.guest-queue__vote-count--down{color:var(--error)}.guest-queue__remove-btn{width:30px;height:30px;color:var(--text-muted);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-left:2px;display:flex}.guest-queue__remove-btn:hover{color:var(--error);background:var(--error-soft)}.guest-queue__empty-icon-wrap{background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.tv-cast-modal__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.tv-cast-modal__title-row{align-items:center;gap:12px;display:flex}.tv-cast-modal__icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tv-cast-modal__title{color:#fff;font-size:1.15rem;font-weight:700}.tv-cast-modal__subtitle{color:var(--text-secondary);font-size:.78rem}.tv-cast-modal__close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.tv-cast-modal__close-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.tv-cast-modal__close-btn:active{transition:transform .1s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.tv-cast-modal__status-bar{border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#ffffff0a;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.tv-cast-modal__status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tv-cast-modal__status-dot--active{background:var(--success);box-shadow:0 0 8px var(--success)}.tv-cast-modal__google-cast-box{border-radius:var(--radius-xl);padding:var(--space-md);margin-bottom:var(--space-md);background:linear-gradient(135deg,#ff2e4d1f 0%,#141420cc 100%);border:1px solid #ff2e4d59;flex-direction:column;gap:10px;display:flex}.tv-cast-modal__cast-header{align-items:center;gap:12px;width:100%;display:flex}.tv-cast-modal__cast-icon-wrap{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tv-cast-modal__cast-text{flex:1;min-width:0}.tv-cast-modal__cast-title{color:#fff;font-size:.92rem;font-weight:700}.tv-cast-modal__cast-subtitle{color:var(--text-secondary);font-size:.75rem}.tv-cast-modal__cast-btn-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tv-cast-modal__badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:var(--accent);background:#ff2e4d33;border:1px solid #ff2e4d59;padding:2px 8px;font-size:.68rem;font-weight:700}.tv-cast-modal__badge--green{color:var(--success);background:#10b98129;border-color:#10b98159}.tv-cast-modal__app-id-row{align-items:center;margin-top:2px;display:flex}.tv-cast-modal__text-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;font-size:.75rem;font-weight:600;display:inline-flex}.tv-cast-modal__text-btn:hover{color:#fff;background:#ffffff14}.tv-cast-modal__app-id-config{border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);background:#00000059;flex-direction:column;gap:8px;margin-top:4px;padding:10px 12px;display:flex}.tv-cast-modal__config-hint{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:.73rem;line-height:1.45;display:flex}.tv-cast-modal__config-hint strong{color:#fff}.tv-cast-modal__config-hint code{background:#ffffff14;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.7rem}.tv-cast-modal__config-field{gap:6px;display:flex}.tv-cast-modal__config-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;background:#ffffff0f;flex:1;padding:6px 10px;font-family:monospace;font-size:.8rem}.tv-cast-modal__config-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.tv-cast-modal__tab-cast-box{border-radius:var(--radius-xl);padding:var(--space-md);margin-bottom:var(--space-md);background:linear-gradient(135deg,#10b9811f 0%,#141420cc 100%);border:1px solid #10b98159;flex-direction:column;gap:10px;display:flex}.tv-cast-modal__tab-cast-header{align-items:center;gap:12px;width:100%;display:flex}.tv-cast-modal__tab-cast-icon-wrap{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tv-cast-modal__tab-cast-text{flex:1;min-width:0}.tv-cast-modal__tab-cast-title{color:#fff;font-size:.92rem;font-weight:700}.tv-cast-modal__tab-cast-subtitle{color:var(--text-secondary);font-size:.75rem}.tv-cast-modal__tab-cast-launch-btn{white-space:nowrap;color:#fff!important;background:#10b981!important}.tv-cast-modal__tab-cast-launch-btn:hover{background:#059669!important}.tv-cast-modal__tab-cast-instructions{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--glass-border-sub);background:#00000040;padding:8px 10px;font-size:.74rem;line-height:1.45}.tv-cast-modal__tab-cast-instructions strong{color:#fff}.tv-cast-modal__tab-cast-instructions em{color:#34d399;font-style:normal;font-weight:600}.cast-launcher-wrapper{border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex;position:relative}.cast-launcher-btn,google-cast-launcher{border-radius:var(--radius-full);border:1px solid var(--glass-border);cursor:pointer;--disconnected-color:#fff;--connected-color:var(--accent,#ff2e4d);width:36px;height:36px;transition:var(--transition-fast);background:#ffffff14;justify-content:center;align-items:center;display:flex}.cast-launcher-btn:hover,google-cast-launcher:hover{background:#ffffff29;border-color:#ffffff47;transform:translateY(-1px)}.cast-launcher-btn:active,google-cast-launcher:active{transition:transform .1s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.cast-launcher-fallback-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background:#ffffff14;justify-content:center;align-items:center;display:inline-flex}.cast-launcher-fallback-btn:hover{background:#ffffff29;border-color:#ffffff47;transform:translateY(-1px)}.cast-launcher-fallback-btn:active{transition:transform .1s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.cast-launcher-wrapper--connected .cast-launcher-btn,.cast-launcher-wrapper--connected google-cast-launcher,.cast-launcher-wrapper--connected .cast-launcher-fallback-btn{border-color:var(--accent);background:#ff2e4d2e;box-shadow:0 0 16px #ff2e4d73}.tv-cast-modal__instructions{margin-bottom:var(--space-md)}.tv-cast-modal__step-title{margin-bottom:6px;font-size:.88rem;font-weight:600}.tv-cast-modal__steps{color:var(--text-secondary);padding-left:18px;font-size:.8rem;line-height:1.5}.tv-cast-modal__url-box{border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#0000004d;padding:10px 12px}.tv-cast-modal__url-label{color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.tv-cast-modal__url-field{gap:6px;display:flex}.tv-cast-modal__url-input{border:1px solid var(--glass-border-sub);border-radius:var(--radius-sm);background:#ffffff0d;flex:1;padding:6px 10px;font-family:monospace;font-size:.8rem}.tv-cast-modal__btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.tv-cast-modal__btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.tv-cast-modal__btn:active{transition:transform .1s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.tv-cast-modal__btn--secondary{color:var(--text-primary);background:#ffffff14}.tv-cast-modal__btn--primary{background:var(--accent);color:#fff}.tv-cast-modal__remote-toggle-box{border:1px solid var(--glass-border-sub);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.tv-cast-modal__remote-info strong{font-size:.88rem}.tv-cast-modal__remote-info p{color:var(--text-muted);font-size:.75rem}.tv-cast-modal__toggle-btn{border-radius:var(--radius-full);color:var(--text-primary);white-space:nowrap;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;flex-shrink:0;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1)}.tv-cast-modal__toggle-btn:hover{background:#ffffff24;border-color:#ffffff38;transform:translateY(-1px)}.tv-cast-modal__toggle-btn:active{transition:transform .1s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.tv-cast-modal__toggle-btn--on{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}@media (width<=600px){.tv-cast-modal{padding:var(--space-xs);padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));align-items:flex-start}.tv-cast-modal__card{padding:var(--space-md);border-radius:var(--radius-xl);max-height:calc(100vh - 32px)}.tv-cast-modal__header{margin-bottom:var(--space-sm)}.tv-cast-modal__title-row{gap:8px}.tv-cast-modal__icon{width:36px;height:36px}.tv-cast-modal__title{font-size:1.02rem}.tv-cast-modal__subtitle{font-size:.72rem}.tv-cast-modal__google-cast-box,.tv-cast-modal__tab-cast-box{gap:8px;padding:12px}.tv-cast-modal__cast-icon-wrap,.tv-cast-modal__tab-cast-icon-wrap{width:34px;height:34px}.tv-cast-modal__cast-title,.tv-cast-modal__tab-cast-title{font-size:.85rem}.tv-cast-modal__cast-subtitle,.tv-cast-modal__tab-cast-subtitle{font-size:.7rem}.tv-cast-modal__tab-cast-header{flex-wrap:wrap;gap:8px}.tv-cast-modal__tab-cast-launch-btn{justify-content:center;width:100%;margin-top:4px;padding:8px 12px}.tv-cast-modal__url-field{flex-wrap:wrap;gap:6px}.tv-cast-modal__url-input{flex:100%;width:100%}.tv-cast-modal__remote-toggle-box{flex-direction:column;align-items:stretch;gap:10px}.tv-cast-modal__toggle-btn{text-align:center;justify-content:center;width:100%;padding:8px 12px}}.room-energy-badge--party-mode{background-color:#0000!important;background-image:linear-gradient(135deg,#100c1cf5,#1c0816f5),linear-gradient(90deg,#f05,#00f0ff,#0f6,#a0f,#ffea00,#f05)!important;background-position:0 0,0 0!important;background-repeat:repeat,repeat!important;background-size:200% 100%!important;background-attachment:scroll,scroll!important;background-origin:padding-box,border-box!important;background-clip:padding-box,border-box!important;border:1.5px solid #0000!important;animation:3s linear infinite partyBorderCycle,2s ease-in-out infinite partyBadgePulse!important;box-shadow:0 0 24px #00f0ff73,0 0 45px #ff005559,0 10px 30px #000000b3!important}@keyframes partyBorderCycle{0%{background-position:0%}to{background-position:200%}}@keyframes partyBadgePulse{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-2px)scale(1.04)}}.room-energy-badge__flame--party{filter:drop-shadow(0 0 8px #f05)drop-shadow(0 0 14px #00f0ff);color:#ffea00!important;animation:.4s ease-in-out infinite alternate flameRave!important}@keyframes flameRave{0%{transform:scale(1)rotate(-6deg)}to{transform:scale(1.3)rotate(6deg)}}.room-energy-badge__fill--party{background:linear-gradient(90deg,#f05,#ffea00,#0f6,#00f0ff,#a0f,#f05) 0 0/300% 100%!important;animation:2s linear infinite partyFillSweep!important;box-shadow:0 0 12px #00f0ffcc!important}@keyframes partyFillSweep{0%{background-position:0%}to{background-position:100%}}.party-mode-celebration-banner{z-index:120;pointer-events:none;justify-content:center;align-items:center;animation:4.5s cubic-bezier(.16,1,.3,1) forwards partyBannerPop;display:flex;position:absolute;top:clamp(110px,14vh,130px);left:50%;transform:translate(-50%)}.party-mode-celebration-banner__glow{border-radius:var(--radius-full);filter:blur(20px);background:radial-gradient(circle,#00f0ff66 0%,#ff005540 50%,#0000 75%);animation:1s ease-in-out infinite alternate partyGlowFlash;position:absolute;inset:-20px}.party-mode-celebration-banner__content{-webkit-backdrop-filter:blur(28px)saturate(200%);border-radius:var(--radius-full);background-color:#0a0814f2;background-image:linear-gradient(135deg,#0e0a1af2,#1c0816f2),linear-gradient(90deg,#f05,#00f0ff,#0f6,#ffea00,#f05);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;align-items:center;gap:14px;padding:12px 28px;display:flex;position:relative;box-shadow:0 16px 40px #000c,0 0 35px #00f0ff80,0 0 60px #ff005559}.party-mode-celebration-banner__icon{font-size:1.8rem;animation:1.2s cubic-bezier(.34,1.56,.64,1) infinite alternate partyIconSpin}@keyframes partyIconSpin{0%{transform:scale(.9)rotate(-12deg)}to{transform:scale(1.25)rotate(12deg)}}.party-mode-celebration-banner__text-wrap{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.party-mode-celebration-banner__title{font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(90deg,#f05,#ffea00,#0f6,#00f0ff,#f05) 0 0/300% 100%;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #00f0ff99;-webkit-background-clip:text;margin:0;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:800;animation:2.5s linear infinite partyFillSweep}.party-mode-celebration-banner__subtitle{letter-spacing:.06em;color:#fffffff2;text-shadow:0 0 10px #f05c;margin:0;font-size:clamp(.72rem,1.4vw,.85rem);font-weight:700}@keyframes partyBannerPop{0%{opacity:0;transform:translate(-50%)translateY(-25px)scale(.85)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1.06)}20%{transform:translate(-50%)translateY(0)scale(1)}85%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-15px)scale(.92)}}@keyframes partyGlowFlash{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.15)}}.reaction-pad--party-overdrive .reaction-pad__panel{background:#0e0a1af2!important;border-color:#00f0ff80!important;flex-direction:column!important;gap:8px!important;padding:6px 10px 8px!important;box-shadow:0 10px 35px #000000a6,0 0 25px #00f0ff59,0 0 40px #ff005540!important}.reaction-pad__party-header{letter-spacing:.08em;color:#00f0ff;text-shadow:0 0 10px #00f0ffcc;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.reaction-pad__party-header-dot{background:#f05;border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite flamePulse;box-shadow:0 0 8px #f05}.reaction-pad__trigger-pill--party{background:linear-gradient(135deg,#140c20eb,#220a1aeb)!important;border-color:#00f0ff99!important;box-shadow:0 4px 20px #00000080,0 0 18px #00f0ff66,0 0 28px #ff005540!important}.reaction-pad__trigger-pill--party .reaction-pad__trigger-text{background:linear-gradient(90deg,#f05,#00f0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.reaction-pad__btn--party:hover{box-shadow:0 0 14px #00f0ff66;background:#00f0ff26!important}.reaction-pad__btn--party:active{background:#ff005559!important;transform:scale(1.45)!important;box-shadow:0 0 20px #f05,0 0 35px #00f0ff!important}.reaction-pad__floating-burst--party{filter:drop-shadow(0 0 8px #00f0ff)drop-shadow(0 0 16px #f05)!important}body.party-mode-active{animation:8s ease-in-out infinite alternate partyAmbientGlow!important}@keyframes partyAmbientGlow{0%{--album-primary-rgb:255, 0, 85;--accent:#f05}25%{--album-primary-rgb:0, 240, 255;--accent:#00f0ff}50%{--album-primary-rgb:0, 255, 102;--accent:#0f6}75%{--album-primary-rgb:170, 0, 255;--accent:#a0f}to{--album-primary-rgb:255, 234, 0;--accent:#ffea00}}body.party-mode-active .now-playing-bar__progress-fill{background:linear-gradient(90deg,#f05,#ffea00,#0f6,#00f0ff,#a0f,#f05) 0 0/300% 100%!important;animation:3s linear infinite partyFillSweep!important;box-shadow:0 0 12px #00f0ffb3!important}body.party-mode-active .tv-view__glow-orb{opacity:.85!important;animation-duration:4s!important}.jukebox-ambient-mesh{pointer-events:none;z-index:0;width:140vw;height:140vh;position:absolute;inset:-20vh -20vw;overflow:visible}.jukebox-glow-orb{filter:blur(110px);opacity:.48;will-change:transform, opacity;border-radius:50%;transition:all 1.8s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateZ(0)}.jukebox-glow-orb--primary{background:radial-gradient(circle at center, rgba(var(--album-primary-rgb,255, 46, 77), .45) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .16) 40%, transparent 70%);width:75vw;height:75vh;animation:14s ease-in-out infinite alternate jukeboxAmbientFloat;top:10%;left:5%}.jukebox-glow-orb--secondary{background:radial-gradient(circle at center, rgba(var(--album-primary-rgb,255, 46, 77), .38) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .1) 45%, transparent 70%);width:60vw;height:60vh;animation:11s ease-in-out infinite alternate-reverse jukeboxAmbientPulse;top:-5%;right:0%}.jukebox-glow-orb--tertiary{background:radial-gradient(ellipse at center, rgba(var(--album-primary-rgb,255, 46, 77), .28) 0%, transparent 65%);width:80vw;height:45vh;animation:16s ease-in-out 2s infinite alternate jukeboxAmbientFloat;bottom:-5%;left:10%}.jukebox-ambient-vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 45%,#06060ca6 75%,#030306f2 100%);position:absolute;inset:0}@keyframes jukeboxAmbientFloat{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2vw,-1.8vh)scale(1.05)}to{transform:translate(-1.8vw,1.8vh)scale(.96)}}@keyframes jukeboxAmbientPulse{0%{opacity:.42;transform:scale(.95)translate(0,0)}to{opacity:.68;transform:scale(1.08)translate(-1.2vw,.8vh)}}.jukebox-ambient-mesh--playing .jukebox-glow-orb,.tv-view__ambient-mesh--playing .tv-view__glow-orb{animation:.96s cubic-bezier(.25,1,.5,1) infinite musicBeatPulse,3.84s ease-in-out infinite musicBassBreathing!important}@keyframes musicBeatPulse{0%{opacity:.5;filter:blur(105px);transform:scale(.96)translateZ(0)}28%{opacity:.92;filter:blur(125px);transform:scale(1.12)translateZ(0)}65%{opacity:.72;filter:blur(115px);transform:scale(1.03)translateZ(0)}to{opacity:.5;filter:blur(105px);transform:scale(.96)translateZ(0)}}@keyframes musicBassBreathing{0%,to{filter:blur(110px)brightness()}50%{filter:blur(130px)brightness(1.25)}}.youtube-player-underglow{border-radius:var(--radius-2xl);background:radial-gradient(ellipse at center, rgba(var(--album-primary-rgb,255, 46, 77), .65) 0%, rgba(var(--album-primary-rgb,255, 46, 77), .28) 45%, rgba(var(--album-primary-rgb,255, 46, 77), .08) 70%, transparent 85%);filter:blur(36px);opacity:.6;pointer-events:none;z-index:0;will-change:transform, opacity;transition:all .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:-16px;transform:scale(1.02)}.youtube-player-underglow--playing,.tv-view__player-underglow{animation:.96s cubic-bezier(.2,.9,.3,1) infinite playerUnderglowBeat!important}@keyframes playerUnderglowBeat{0%{opacity:.55;filter:blur(32px);transform:scale(1)}28%{opacity:.95;filter:blur(44px)brightness(1.2);transform:scale(1.08)}60%{opacity:.75;filter:blur(38px);transform:scale(1.03)}to{opacity:.55;filter:blur(32px);transform:scale(1)}}body.party-mode-active .jukebox-ambient-mesh--playing .jukebox-glow-orb,body.party-mode-active .tv-view__ambient-mesh--playing .tv-view__glow-orb,body.party-mode-active .youtube-player-underglow--playing{animation:.48s cubic-bezier(.2,.9,.3,1) infinite partyRaveBeat,6s ease-in-out infinite alternate partyAmbientGlow!important}@keyframes partyRaveBeat{0%{opacity:.65;filter:blur(100px);transform:scale(.98)translateZ(0)}35%{opacity:1;filter:blur(140px)brightness(1.35);transform:scale(1.18)translateZ(0)}to{opacity:.65;filter:blur(100px);transform:scale(.98)translateZ(0)}}.tv-view--cast .tv-view__glow-orb,.tv-view--cast .tv-view__ambient-vignette,.tv-view--cast .tv-view__player-underglow,.tv-view--cast .tv-view__ambient-mesh{display:none!important}.tv-view--cast{background:#07070d!important}.tv-view--cast .tv-view__hud,.tv-view--cast .tv-view__lyrics-wrapper,.tv-view--cast .tv-view__footer,.tv-view--cast .tv-view__meta-card,.tv-view--cast .tv-view__modal-overlay,.tv-view--cast .tv-view__modal-card,.tv-view--cast .tv-view__unlock-banner{-webkit-backdrop-filter:none!important}.tv-view--cast *{will-change:auto!important}.tv-view--cast .tv-view__hud,.tv-view--cast .tv-view__lyrics-wrapper,.tv-view--cast .tv-view__player-container{box-shadow:none!important}.tv-view--cast *,.tv-view--cast :before,.tv-view--cast :after{transition-duration:0s!important;animation-duration:0s!important}