.jukebox-overlay{position:fixed;inset:0;background:#0d0a07;z-index:9999;display:flex;align-items:center;justify-content:center;animation:jukebox-fade-in .3s ease-out;overflow:hidden}.album-backdrop{position:absolute;inset:-40px;z-index:0;overflow:hidden;animation:backdropFadeIn 1.2s ease-out}.backdrop-img{width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(60px) brightness(.3) saturate(1.2) sepia(.15) hue-rotate(-10deg);transform:scale(1.1)}@keyframes backdropFadeIn{0%{opacity:0;filter:blur(80px) brightness(0)}to{opacity:1}}.ambient-color-wash{position:absolute;inset:-20px;z-index:0;pointer-events:none;transition:background 1.5s ease-in-out;mix-blend-mode:screen;opacity:.7;animation:ambientFadeIn 2s ease-out}@keyframes ambientFadeIn{0%{opacity:0}to{opacity:.7}}.ambient-particles{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-10px;background:radial-gradient(circle,rgba(251,191,36,.8) 0,rgba(211,119,29,.4) 60%,transparent 100%);border-radius:50%;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:var(--particle-opacity,.2)}90%{opacity:var(--particle-opacity,.2)}to{transform:translateY(-100vh) translateX(30px);opacity:0}}.jukebox-close-fixed{position:fixed;top:16px;left:16px;z-index:10001;display:flex;align-items:center;gap:6px;padding:12px 20px;background:rgba(0,0,0,.8);border:2px solid hsla(0,0%,100%,.3);border-radius:30px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jukebox-close-fixed:hover{background:rgba(211,119,29,.8);border-color:#d3771d;transform:scale(1.05)}.jukebox-close-fixed:active{transform:scale(.95)}@keyframes jukebox-fade-in{0%{opacity:0}to{opacity:1}}.jukebox-container{width:100%;max-width:900px;max-height:95vh;display:flex;flex-direction:column;background:hsla(0,0%,8%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 100px rgba(211,119,29,.15);animation:jukebox-slide-up .4s ease-out;position:relative;z-index:2}@keyframes jukebox-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.crowdsource-banner{text-align:center;padding:14px 20px 10px;background:linear-gradient(180deg,rgba(211,119,29,.25),rgba(211,119,29,.08));border-bottom:1px solid rgba(211,119,29,.3)}.crowdsource-label{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#d3771d;margin-bottom:8px}.live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(239,68,68,.6)}50%{opacity:.8;box-shadow:0 0 0 6px rgba(239,68,68,0)}}.crowdsource-title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 6px;background:linear-gradient(90deg,#fff,#fbbf24 50%,#d3771d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:bannerTitleIn .6s ease-out}@keyframes bannerTitleIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.crowdsource-subtitle{font-size:.9rem;color:hsla(0,0%,100%,.7);margin:0;font-weight:500;animation:bannerTitleIn .6s ease-out .1s both}.jukebox-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(90deg,rgba(211,119,29,.25),rgba(224,159,36,.12) 50%,rgba(211,119,29,.2));border-bottom:1px solid hsla(0,0%,100%,.1)}.jukebox-header-art{width:72px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0;border:2px solid rgba(211,119,29,.5);box-shadow:0 0 18px rgba(211,119,29,.35),0 4px 12px rgba(0,0,0,.4)}.jukebox-header-center{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.jukebox-label{font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#d3771d;opacity:.85}.jukebox-song-info{display:flex;flex-direction:column}.jukebox-song-name{font-size:2rem;font-weight:800;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jukebox-artist-name{font-size:1.3rem;color:hsla(0,0%,100%,.6);font-weight:500}.jukebox-vote-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px;background:rgba(251,191,36,.12);border:2px solid rgba(251,191,36,.35);border-radius:14px;flex-shrink:0;min-width:80px}.jukebox-vote-badge .vote-icon{font-size:1.6rem;animation:fireFlicker 1.5s ease-in-out infinite}.vote-row{display:flex;align-items:center;gap:6px}@keyframes fireFlicker{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.jukebox-vote-badge .vote-count{font-family:Rubik,sans-serif;font-size:2.4rem;font-weight:800;color:#fbbf24;line-height:1}.jukebox-vote-badge .vote-count.positive{color:#22c55e}.jukebox-vote-badge .vote-count.negative{color:#ef4444}.jukebox-vote-badge .vote-label{font-size:.7rem;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.championship-header{position:relative;border-bottom:none!important;background:linear-gradient(90deg,rgba(211,119,29,.3),rgba(251,191,36,.15) 30%,rgba(211,119,29,.25) 60%,rgba(180,83,9,.2))!important;border-top:2px solid rgba(211,119,29,.4);border-bottom:2px solid rgba(211,119,29,.4)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 4px 24px rgba(211,119,29,.15)}.header-art-container{position:relative;flex-shrink:0}.art-vinyl-ring{position:absolute;inset:-4px;border-radius:12px;border:2px solid transparent;background:conic-gradient(from 0deg,#d3771d,#fbbf24,#f59e0b,#d97706,transparent,#d3771d) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:artRingSpin 6s linear infinite;pointer-events:none}@keyframes artRingSpin{to{transform:rotate(1turn)}}.shimmer-text{background:linear-gradient(90deg,#fff,#fbbf24 25%,#fff 50%,#fbbf24 75%,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerSlide 4s linear infinite}@keyframes shimmerSlide{to{background-position:200%}}.championship-badge{animation:championBadgePulse 2s ease-in-out infinite;border-color:rgba(251,191,36,.5)!important}@keyframes championBadgePulse{0%,to{box-shadow:0 0 0 0 rgba(251,191,36,0)}50%{box-shadow:0 0 20px 4px rgba(251,191,36,.15)}}.championship-badge .vote-count{animation:scorePopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scorePopIn{0%{transform:scale(.7);opacity:.5}to{transform:scale(1);opacity:1}}.trending-indicator{font-family:Rubik,sans-serif;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:10px;letter-spacing:1px;margin-top:2px;color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.trending-indicator.trending-top{color:#fbbf24;background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.25);animation:trendingGlow 2s ease-in-out infinite}.trending-indicator.trending-rising{color:#22c55e;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2)}@keyframes trendingGlow{0%,to{box-shadow:0 0 0 0 rgba(251,191,36,0)}50%{box-shadow:0 0 8px rgba(251,191,36,.3)}}.crowd-energy-bar{display:flex;align-items:center;gap:10px;padding:6px 16px;background:linear-gradient(90deg,rgba(139,92,246,.12),rgba(211,119,29,.08) 50%,rgba(239,68,68,.08));border-bottom:1px solid hsla(0,0%,100%,.06)}.energy-label{font-family:Rubik,sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2px;color:#a78bfa;white-space:nowrap;text-transform:uppercase}.energy-meter{flex:1 1;height:6px;background:hsla(0,0%,100%,.06);overflow:hidden}.energy-fill,.energy-meter{border-radius:3px;position:relative}.energy-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#d3771d,#ef4444);transition:width 1s ease-out}.energy-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4));animation:energyShine 2s ease-in-out infinite}@keyframes energyShine{0%,to{opacity:0}50%{opacity:1}}.energy-pulse-dot{position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.6);animation:energyDotPulse 1.5s ease-in-out infinite}@keyframes energyDotPulse{0%,to{transform:translateY(-50%) scale(.8);opacity:.6}50%{transform:translateY(-50%) scale(1.2);opacity:1}}.energy-level{font-family:Rubik,sans-serif;font-size:.7rem;font-weight:700;color:hsla(0,0%,100%,.7);white-space:nowrap}.commentary-ticker-bar{display:flex;align-items:center;background:linear-gradient(90deg,rgba(139,92,246,.15),hsla(0,0%,8%,.6) 30%,rgba(139,92,246,.08));border-bottom:1px solid rgba(139,92,246,.2);overflow:hidden;height:36px}.commentary-ticker-label{flex-shrink:0;padding:0 12px;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#a78bfa;background:rgba(139,92,246,.15);height:100%;display:flex;align-items:center;border-right:1px solid rgba(139,92,246,.25)}.commentary-ticker-track{flex:1 1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center}.commentary-ticker-text{font-size:.95rem;font-weight:600;font-style:italic;color:hsla(0,0%,100%,.88);white-space:nowrap;display:inline-block;padding-left:100%;animation:commentaryScroll 22s linear infinite}@keyframes commentaryScroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.jukebox-close{width:40px;height:40px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.jukebox-close:hover{background:rgba(239,68,68,.3);border-color:#ef4444;transform:rotate(90deg)}.jukebox-tips-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:linear-gradient(90deg,rgba(211,119,29,.15),rgba(224,159,36,.1) 50%,rgba(211,119,29,.15));border-bottom:1px solid rgba(211,119,29,.2)}.jukebox-tips-banner .tip-icon{font-size:1.6rem;animation:tipBounce 2s ease-in-out infinite}@keyframes tipBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.jukebox-tips-banner .tip-text{font-size:1.4rem;font-weight:600;color:hsla(0,0%,100%,.9);letter-spacing:.3px;animation:tipFadeIn .5s ease-out}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.jukebox-video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden;box-shadow:0 0 calc(20px * var(--glow-intensity, 0)) rgba(211,119,29,calc(.4 * var(--glow-intensity, 0))),0 0 calc(40px * var(--glow-intensity, 0)) rgba(251,191,36,calc(.2 * var(--glow-intensity, 0)));transition:box-shadow .4s ease}.vinyl-widget{position:absolute;bottom:16px;left:16px;z-index:10;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.vinyl-record{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a1a 0,#111 20%,#222 21%,#111 22%,#1a1a1a 40%,#222 41%,#111 42%,#1a1a1a 60%,#222 61%,#111 62%,#1a1a1a 80%,#333 81%,#1a1a1a 100%);position:relative;border:2px solid rgba(60,60,60,.5);transition:transform .3s ease}.vinyl-record.spinning{animation:vinylSpin 3s linear infinite}@keyframes vinylSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-grooves{inset:2px;background:repeating-radial-gradient(circle at center,transparent 0,hsla(0,0%,100%,.03) 1px,transparent 2px)}.vinyl-grooves,.vinyl-label{position:absolute;border-radius:50%}.vinyl-label{top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;overflow:hidden;border:1px solid rgba(211,119,29,.4)}.vinyl-art{width:100%;height:100%;object-fit:cover}.vinyl-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#333;border:1px solid #555}.audio-equalizer{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:24px;padding:0 20px;margin-top:-2px}.eq-bar{flex:1 1;max-width:12px;min-height:2px;background:linear-gradient(0deg,#d3771d 0,#fbbf24 50%,#ef4444);border-radius:1px 1px 0 0;transition:height .1s ease;opacity:.8}.jukebox-qr-overlay{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:rgba(26,26,26,.85);border:1px solid rgba(211,119,29,.4);border-radius:10px;z-index:10}.jukebox-qr-img{width:80px;height:80px;border-radius:6px}.jukebox-qr-label{font-size:.65rem;font-weight:700;color:var(--orange-primary,#d3771d);text-transform:uppercase;letter-spacing:.5px}.jukebox-video,.jukebox-video iframe{width:100%;height:100%}.jukebox-video iframe{border:none}.jukebox-next-hint{position:absolute;inset:0;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:hint-fade-in .3s ease}@keyframes hint-fade-in{0%{opacity:0}to{opacity:1}}.jukebox-next-hint .next-label{font-size:.8rem;font-weight:700;letter-spacing:3px;color:#d3771d;text-transform:uppercase}.next-song-info{display:flex;align-items:center;gap:16px;padding:16px 24px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.next-album-art{width:60px;height:60px;border-radius:8px;object-fit:cover}.next-song-name{font-size:1.2rem;font-weight:700;color:#fff}.next-artist-name{font-size:.9rem;color:hsla(0,0%,100%,.6)}.jukebox-progress{padding:8px 16px 6px}.progress-bar{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d3771d,#e09f24);border-radius:3px;transition:width .3s ease;position:relative}.glow-progress .progress-fill{box-shadow:0 0 8px rgba(211,119,29,.4),0 0 16px rgba(211,119,29,.2)}.progress-spark{position:absolute;right:-2px;top:-3px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fbbf24 0,rgba(211,119,29,.6) 50%,transparent 70%);animation:sparkPulse 1.5s ease-in-out infinite}@keyframes sparkPulse{0%,to{transform:scale(.8);opacity:.8}50%{transform:scale(1.3);opacity:1}}.progress-time{display:flex;justify-content:space-between;font-size:1.15rem;color:hsla(0,0%,100%,.5);margin-top:6px}.jukebox-controls{gap:16px;padding:12px 20px}.control-btn,.jukebox-controls{display:flex;justify-content:center;align-items:center}.control-btn{width:50px;height:50px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);color:#fff;font-size:1.3rem;cursor:pointer;transition:all .2s}.control-btn:hover:not(:disabled){background:rgba(211,119,29,.3);border-color:#d3771d;transform:scale(1.1)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.control-btn.play-btn{width:64px;height:64px;font-size:1.6rem;background:linear-gradient(135deg,#d3771d,#e09f24);border:none}.control-btn.play-btn:hover{transform:scale(1.15);box-shadow:0 0 30px rgba(211,119,29,.5)}.stream-controls-widget{position:fixed;bottom:14px;left:14px;display:flex;align-items:center;gap:4px;padding:4px 6px;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.06);border-radius:20px;opacity:.3;transition:opacity .3s ease,background .3s ease;z-index:9999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.stream-controls-widget:hover{opacity:1;background:rgba(0,0,0,.7);border-color:rgba(211,119,29,.25)}.stream-ctrl-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:hsla(0,0%,100%,.7);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.stream-ctrl-btn:hover:not(:disabled){color:#fff;background:rgba(211,119,29,.3)}.stream-ctrl-btn:disabled{opacity:.25;cursor:default}.stream-ctrl-btn.stream-ctrl-play{width:32px;height:32px;background:rgba(211,119,29,.25);font-size:.9rem}.stream-ctrl-btn.stream-ctrl-play:hover{background:rgba(211,119,29,.5)}.stream-ctrl-btn.stream-ctrl-back{font-size:.9rem;font-weight:700;width:28px;border-right:1px solid hsla(0,0%,100%,.1);border-radius:50% 0 0 50%;padding-right:2px}.stream-ctrl-karma{font-size:.65rem;color:hsla(0,0%,100%,.5);padding:0 4px;white-space:nowrap}.jukebox-karma{text-align:center;padding:8px 20px;font-size:.85rem}.karma-earned{color:#fbbf24;font-weight:600;animation:karma-pop .5s ease}@keyframes karma-pop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.karma-progress{color:hsla(0,0%,100%,.5)}.jukebox-queue{padding:12px 20px;border-top:1px solid hsla(0,0%,100%,.1);flex:1 1;overflow-y:auto;min-height:0}.queue-label{display:block;font-size:.75rem;font-weight:600;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.queue-items{display:flex;flex-direction:column;gap:8px}.queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:hsla(0,0%,100%,.03);border-radius:8px;cursor:pointer;transition:all .2s}.queue-item:hover{background:rgba(211,119,29,.15);transform:translateX(4px)}.queue-position{font-size:.8rem;font-weight:700;color:hsla(0,0%,100%,.4);width:20px;text-align:center}.queue-album{width:40px;height:40px;border-radius:6px;object-fit:cover}.queue-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.queue-song{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;position:relative}.queue-song-scroll{display:inline-block;animation:marqueeScroll 8s linear infinite;animation-delay:1s;padding-right:30px}.queue-item:hover .queue-song-scroll{animation-play-state:paused}.queue-artist{font-size:.75rem;color:hsla(0,0%,100%,.5)}.queue-score{font-size:.85rem;color:#fbbf24;font-weight:700;min-width:24px;text-align:center}.queue-voting{gap:4px;margin-left:auto}.queue-vote-btn,.queue-voting{display:flex;align-items:center}.queue-vote-btn{width:28px;height:28px;justify-content:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s ease}.queue-vote-btn.up:hover{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);transform:scale(1.1)}.queue-vote-btn.down:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);transform:scale(1.1)}.queue-vote-btn:active{transform:scale(.95)}.jukebox-corner-close{position:absolute;bottom:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:hsla(0,0%,100%,.5);font-size:.7rem;cursor:pointer;transition:all .15s ease;z-index:20}.jukebox-corner-close:hover{background:rgba(239,68,68,.3);border-color:#ef4444;color:#fff}@media (max-width:768px){.jukebox-container{max-width:100%;max-height:100vh;border-radius:0}.jukebox-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.jukebox-now-playing{flex:1 1;min-width:0}.jukebox-song-name{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jukebox-vote-badge{padding:6px 12px;margin-left:0;margin-right:8px}.jukebox-vote-badge .vote-count{font-size:1rem}.jukebox-vote-badge .vote-label{display:none}.jukebox-controls{padding:12px 16px}.control-btn{width:44px;height:44px;font-size:1.1rem}.control-btn.play-btn{width:56px;height:56px;font-size:1.4rem}.queue-item{padding:8px 10px}.queue-album{width:36px;height:36px}}.jukebox-score-pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:900;text-shadow:0 4px 20px rgba(0,0,0,.8);animation:scorePop 1.2s ease-out forwards;z-index:100;pointer-events:none}.jukebox-score-pop.positive{color:#22c55e}.jukebox-score-pop.negative{color:#ef4444}@keyframes scorePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.8)}}.jukebox-rank-alert{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,rgba(211,119,29,.95),rgba(234,179,8,.95));border-radius:50px;box-shadow:0 8px 32px rgba(211,119,29,.5);animation:rankAlertPop .5s ease-out,rankAlertGlow 1s ease-in-out infinite;z-index:100}.jukebox-rank-alert .rank-icon{font-size:1.5rem}.jukebox-rank-alert .rank-text{font-size:1.1rem;font-weight:800;color:#000;letter-spacing:.5px}@keyframes rankAlertPop{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes rankAlertGlow{0%,to{box-shadow:0 8px 32px rgba(211,119,29,.5)}50%{box-shadow:0 8px 48px rgba(251,191,36,.8)}}.jukebox-cta-flash{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);z-index:100;animation:ctaFlashIn .5s ease-out}.jukebox-cta-flash .cta-content{display:flex;align-items:center;gap:12px;padding:14px 28px;background:linear-gradient(135deg,rgba(211,119,29,.95),rgba(180,83,9,.95));border-radius:50px;box-shadow:0 8px 32px rgba(211,119,29,.6);animation:ctaPulse 1.5s ease-in-out infinite}.jukebox-cta-flash .cta-arrow{font-size:1.3rem;animation:ctaArrowBounce .8s ease-in-out infinite alternate}.jukebox-cta-flash .cta-text{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.3px}.jukebox-cta-flash .cta-text strong{color:#fef3c7}@keyframes ctaFlashIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes ctaPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px rgba(211,119,29,.6)}50%{transform:scale(1.02);box-shadow:0 12px 48px rgba(251,191,36,.8)}}@keyframes ctaArrowBounce{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}.jukebox-activity-feed{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none}.activity-toast{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(26,26,26,.9);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.4);animation:toastSlideIn .4s ease-out,toastFadeOut .5s ease-in 7s forwards;max-width:280px}.activity-toast.activity-vote{border-color:rgba(34,197,94,.4);background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(34,197,94,.1))}.activity-toast.activity-reaction{border-color:rgba(251,191,36,.4);background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(251,191,36,.1))}.activity-toast.activity-newSong{border-color:rgba(211,119,29,.4);background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(211,119,29,.1))}.activity-toast .activity-icon{font-size:1.2rem}.activity-toast .activity-text{font-size:.85rem;color:hsla(0,0%,100%,.9);font-weight:500}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0;transform:translateX(-20px)}}@media (max-width:768px){.jukebox-score-pop{font-size:3rem}.jukebox-rank-alert{padding:10px 18px}.jukebox-rank-alert .rank-text{font-size:.95rem}.jukebox-cta-flash .cta-content{padding:10px 20px}.jukebox-cta-flash .cta-text{font-size:.85rem}.activity-toast{padding:8px 12px;max-width:220px}.activity-toast .activity-text{font-size:.75rem}}.jukebox-dashboard{display:flex;width:100%;max-width:1600px;height:100%;max-height:95vh;gap:10px;padding:10px;position:relative;z-index:2}.jukebox-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.jukebox-sidebar.left{order:1}.jukebox-sidebar.right{order:3;width:280px}.jukebox-container{order:2;flex:1 1}.sidebar-section{background:hsla(0,0%,8%,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glow-border,hsla(0,0%,100%,.08));border-radius:10px;padding:12px;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 25px var(--glow-primary,transparent),0 0 50px var(--glow-secondary,transparent),inset 0 1px 0 hsla(0,0%,100%,.05);transition:border-color 1.5s ease,box-shadow 1.5s ease}.sidebar-section:hover{border-color:var(--glow-border,rgba(211,119,29,.2));box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 35px var(--glow-primary,rgba(211,119,29,.08)),0 0 60px var(--glow-secondary,transparent),inset 0 1px 0 hsla(0,0%,100%,.05)}.sidebar-title{font-size:1.3rem;font-weight:700;color:var(--orange-primary,#d3771d);margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.mini-leaderboard{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:hsla(0,0%,100%,.03);border-radius:8px}.lb-rank{font-size:1.5rem;min-width:24px}.lb-name{flex:1 1;font-size:1.3rem;color:hsla(0,0%,100%,.9);white-space:nowrap;overflow:hidden;position:relative}.lb-name-scroll{display:inline-block;animation:marqueeScroll 8s linear infinite;animation-delay:2s;padding-right:30px}.lb-row:hover .lb-name-scroll{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.lb-name-auto-scroll{animation:marqueeScroll 12s linear infinite!important;animation-delay:0s!important}.lb-score{font-size:1.3rem;font-weight:600;color:#fbbf24}.sidebar-activity{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.activity-empty{font-size:1.15rem;color:hsla(0,0%,100%,.4);text-align:center;padding:20px 0}.sidebar-toast{display:flex;align-items:center;gap:6px;padding:6px 10px;background:hsla(0,0%,100%,.03);border-radius:6px;font-size:1.1rem;color:hsla(0,0%,100%,.8);animation:sidebarToastIn .3s ease}@keyframes sidebarToastIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.sidebar-activity.running-log{max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(211,119,29,.3) transparent}.sidebar-activity.running-log::-webkit-scrollbar{width:4px}.sidebar-activity.running-log::-webkit-scrollbar-track{background:transparent}.sidebar-activity.running-log::-webkit-scrollbar-thumb{background:rgba(211,119,29,.3);border-radius:4px}.sidebar-toast.log-entry{display:flex;align-items:center;gap:6px;padding:5px 8px;border-left:2px solid rgba(211,119,29,.3);margin-left:2px}.log-icon{font-size:1.3rem;flex-shrink:0}.log-text{flex:1 1;font-size:1.2rem;color:hsla(0,0%,100%,.8);white-space:nowrap;overflow:hidden;position:relative}.log-text-scroll{display:inline-block;animation:marqueeScroll 10s linear infinite;animation-delay:1s;padding-right:30px}.log-entry:hover .log-text-scroll{animation-play-state:paused}.log-time{font-size:1rem;color:hsla(0,0%,100%,.35);flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dj-commentator-section{background:linear-gradient(180deg,rgba(20,15,10,.9),rgba(12,10,8,.95));border:1px solid rgba(211,119,29,.3);padding:8px 10px 6px;gap:4px;overflow:hidden}.dj-commentator-avatar-area,.dj-commentator-section{display:flex;flex-direction:column;align-items:center}.dj-commentator-avatar-area{gap:2px;flex-shrink:0}.dj-commentator-avatar-ring{position:relative;width:56px;height:56px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,#d3771d,#fbbf24,#f59e0b,#d97706,#b45309,#d3771d);box-shadow:0 0 12px rgba(211,119,29,.3),0 0 24px rgba(211,119,29,.1)}@keyframes djRingSpin{to{transform:rotate(1turn)}}.dj-commentator-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 15%;border:3px solid #0c0a08}.dj-commentator-mic{position:absolute;bottom:-4px;right:-4px;font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:micBounce 2s ease-in-out infinite}@keyframes micBounce{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.15) rotate(5deg)}}.dj-commentator-badge{display:flex;align-items:center;gap:5px;padding:3px 10px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);border-radius:20px}.dj-badge-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{opacity:.7;box-shadow:0 0 0 3px rgba(239,68,68,0)}}.dj-badge-text{font-family:Rubik,sans-serif;font-size:.65rem;font-weight:800;letter-spacing:2px;color:#ef4444}.dj-thought-bubble{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start}.thought-dots{display:none}.thought-dot{border-radius:50%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12)}.thought-dot.dot-1{width:6px;height:6px;animation:dotFloat 2s ease-in-out 0s infinite}.thought-dot.dot-2{width:9px;height:9px;animation:dotFloat 2s ease-in-out .3s infinite}.thought-dot.dot-3{width:12px;height:12px;animation:dotFloat 2s ease-in-out .6s infinite}@keyframes dotFloat{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.thought-cloud{width:100%;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;padding:8px 10px;position:relative;animation:cloudFadeIn .6s ease-out;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 4px 12px rgba(0,0,0,.2)}.thought-cloud:before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:hsla(0,0%,100%,.06);border-left:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);transform:translateX(-50%) rotate(45deg);border-radius:3px 0 0 0}@keyframes cloudFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.thought-text{font-family:Inter,Rubik,sans-serif;font-size:.85rem;line-height:1.3;color:hsla(0,0%,100%,.85);margin:0;font-style:italic;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:3.9em}.dj-show-strip{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:rgba(211,119,29,.06);border:1px solid rgba(211,119,29,.12);border-radius:8px;margin-top:2px}.dj-show-label{font-family:Rubik,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:1.5px;color:var(--orange-primary,#d3771d);text-transform:uppercase}.dj-show-countdown{font-family:Rubik,monospace;font-size:1.2rem;font-weight:900;color:#fbbf24;letter-spacing:.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px}.dj-show-countdown.live-now{color:#ef4444;animation:liveNowFlash 1s ease-in-out infinite}@keyframes liveNowFlash{0%,to{opacity:1}50%{opacity:.7}}.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:badgePulse 1.5s ease-in-out infinite}.how-to-vote{display:flex;flex-direction:column;gap:8px}.vote-step{gap:10px;font-size:1.3rem;color:hsla(0,0%,100%,.8)}.step-num,.vote-step{display:flex;align-items:center}.step-num{width:22px;height:22px;justify-content:center;background:linear-gradient(135deg,#d3771d,#b45309);border-radius:50%;font-size:1rem;font-weight:700;color:#fff}.vote-url{font-size:1.5rem;font-weight:700;color:#fbbf24;text-align:center;padding:10px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:8px;margin:4px 0}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rules-list li{font-size:.8rem;color:hsla(0,0%,100%,.8);padding:6px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.rules-list li:last-child{border-bottom:none}.cta-section{background:linear-gradient(135deg,rgba(211,119,29,.2),rgba(180,83,9,.2));border:1px solid rgba(211,119,29,.4)}.big-cta{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px}.cta-emoji{font-size:2.5rem}.cta-emoji,.cta-logo{animation:ctaEmojiBounce 1s ease-in-out infinite}.cta-logo{width:60px;height:60px;filter:drop-shadow(0 2px 8px rgba(211,119,29,.4))}@keyframes ctaEmojiBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.cta-label{font-size:1.1rem;font-weight:800;background:linear-gradient(90deg,#d3771d,#fbbf24);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.sidebar-upnext{display:flex;flex-direction:column;gap:4px}.upnext-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:hsla(0,0%,100%,.03);border-radius:8px;cursor:pointer;transition:all .15s ease}.upnext-item:hover{background:rgba(211,119,29,.15)}.upnext-pos{font-size:.7rem;font-weight:700;color:hsla(0,0%,100%,.35);width:14px;text-align:center;flex-shrink:0}.upnext-art{width:34px;height:34px;border-radius:5px;object-fit:cover;flex-shrink:0}.upnext-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.upnext-name{font-size:.75rem;font-weight:600;color:hsla(0,0%,100%,.9)}.upnext-artist,.upnext-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upnext-artist{font-size:.65rem;color:hsla(0,0%,100%,.45)}.upnext-score{font-size:.7rem;font-weight:700;color:#fbbf24;flex-shrink:0}.upnext-skip{width:24px;height:24px;border-radius:50%;border:1px solid rgba(211,119,29,.3);background:rgba(211,119,29,.1);color:#d3771d;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.upnext-skip:hover{background:rgba(211,119,29,.35);border-color:#d3771d;transform:scale(1.15)}.emoji-burst-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10000}.burst-emoji{position:absolute;top:-50px;animation:emojiRain 2s ease-in forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes emojiRain{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(1turn);opacity:.3}}@media (max-width:1024px){.jukebox-sidebar{display:none}.jukebox-dashboard{padding:8px}}@media (min-width:768px) and (max-width:1024px){.jukebox-sidebar{display:flex!important;flex-direction:row;width:100%!important;gap:8px;overflow-x:auto;padding-bottom:8px}.jukebox-dashboard{flex-direction:column;padding:8px}.jukebox-sidebar .sidebar-section{min-width:260px;flex-shrink:0}.sidebar-title{font-size:1.6rem!important;letter-spacing:2px}.lb-name,.lb-score{font-size:1.6rem}.lb-rank{font-size:1.8rem}.hype-text{font-size:1.4rem!important}.coach-tip-text{font-size:1.3rem!important}.dj-news-text{font-size:1.15rem!important}.commentary-text{font-size:1.2rem!important}.otd-text{font-size:1.1rem!important}.qr-widget-url{font-size:1.3rem!important}}@media (max-width:767px){.crowdsource-banner{padding:10px 12px 8px}.crowdsource-title{font-size:1.2rem}.crowdsource-subtitle{font-size:.8rem}.jukebox-song-name{font-size:1.3rem}.jukebox-artist-name{font-size:1rem}.jukebox-vote-badge .vote-count{font-size:1.5rem}.broadcast-ticker{font-size:.85rem}}.idle-mode-overlay{position:fixed;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(20,10,5,.98));z-index:10001;display:flex;align-items:center;justify-content:center;animation:idleFadeIn .5s ease-out}@keyframes idleFadeIn{0%{opacity:0}to{opacity:1}}.idle-content{text-align:center;max-width:600px;padding:40px}.idle-brand{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.idle-brand-icon{font-size:3rem;animation:idleBrandPulse 2s ease-in-out infinite}.idle-brand-icon:nth-child(2){animation-delay:.5s}@keyframes idleBrandPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(211,119,29,.3))}50%{transform:scale(1.15);filter:drop-shadow(0 0 16px rgba(251,191,36,.6))}}.idle-cta-btn{display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#d3771d,#b45309);border-radius:50px;animation:idlePulse 2s ease-in-out infinite}.idle-cta-btn span{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:3px}.idle-headline{font-size:3.5rem;font-weight:900;margin:0 0 16px;background:linear-gradient(90deg,#d3771d,#fbbf24,#f59e0b);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:idleGradient 3s linear infinite;letter-spacing:2px}@keyframes idleGradient{0%{background-position:0}to{background-position:200%}}.idle-subtext{font-size:1.3rem;color:hsla(0,0%,100%,.7);margin:0 0 30px;font-weight:500}.idle-url-box{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,rgba(211,119,29,.3),rgba(180,83,9,.3));border:2px solid var(--orange-primary,#d3771d);border-radius:50px;margin-bottom:30px;animation:idlePulse 2s ease-in-out infinite}@keyframes idlePulse{0%,to{transform:scale(1);box-shadow:0 0 30px rgba(211,119,29,.3)}50%{transform:scale(1.02);box-shadow:0 0 50px rgba(251,191,36,.5)}}.idle-url{font-size:1.8rem;font-weight:800;color:#fbbf24;letter-spacing:1px}.idle-qr{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px}.idle-qr img{width:120px;height:120px;border-radius:12px;padding:8px;background:#fff}.idle-qr span{font-size:1rem;font-weight:600;color:hsla(0,0%,100%,.6)}@media (max-width:768px){.idle-headline{font-size:2rem}.idle-subtext{font-size:1rem}.idle-url{font-size:1.3rem}.idle-emoji{font-size:2rem}}.popup-video-bubble{max-width:320px;min-width:180px;background:gold;border-radius:12px;padding:12px 16px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;font-size:.95rem;font-weight:700;color:#1a1a1a;line-height:1.4;box-shadow:0 4px 20px rgba(0,0,0,.5),inset 0 2px 0 hsla(0,0%,100%,.3),inset 0 -2px 0 rgba(0,0,0,.1);z-index:50;pointer-events:none}.popup-video-bubble,.popup-video-bubble-second{animation:popUpBubbleIn .4s cubic-bezier(.175,.885,.32,1.275) forwards,popUpBubbleOut .3s ease-in 7s forwards}.popup-video-bubble-second{background:#fff176}.popup-video-bubble-second:after{left:auto;right:24px}.popup-category{display:block;background:rgba(0,0,0,.15);padding:3px 10px;border-radius:10px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-family:Inter,-apple-system,sans-serif}.popup-content{display:flex;align-items:flex-start;gap:8px}.popup-emoji{font-size:1.3rem;flex-shrink:0}.popup-text{flex:1 1}.popup-video-bubble:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.25) 0,transparent);border-radius:12px 12px 0 0;pointer-events:none}.popup-video-bubble:after{content:"";position:absolute;bottom:-14px;left:24px;width:0;height:0;border:8px solid transparent;border-top-color:gold;border-bottom:none}@keyframes popUpBubbleIn{0%{opacity:0;transform:scale(.5) translateY(10px)}70%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popUpBubbleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8) translateY(-10px)}}@media (max-width:768px){.popup-video-bubble{max-width:220px;min-width:140px;font-size:.8rem;padding:10px 12px}.popup-emoji{font-size:1.1rem}.popup-category{font-size:.55rem;padding:2px 8px}}.broadcast-mode{overflow:hidden}.broadcast-mode .jukebox-dashboard{max-width:100%;max-height:100vh;padding:8px;gap:8px}.broadcast-mode .jukebox-sidebar{width:260px;display:flex!important}.broadcast-alerts{position:fixed;top:80px;right:24px;z-index:10010;display:flex;flex-direction:column;gap:12px;max-width:360px}.song-request-alert{display:flex;align-items:center;gap:14px;padding:14px 20px;background:linear-gradient(135deg,rgba(211,119,29,.92),rgba(180,80,10,.92));border:2px solid rgba(255,200,100,.4);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:alertSlideIn .5s cubic-bezier(.34,1.56,.64,1),alertFadeOut .5s ease-in 4.5s forwards;box-shadow:0 8px 32px rgba(211,119,29,.5),0 0 60px rgba(211,119,29,.2)}.alert-album-art{width:56px;height:56px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.4)}.alert-info{display:flex;flex-direction:column;gap:2px}.alert-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:hsla(0,0%,100%,.8)}.alert-song{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.alert-artist{font-size:.8rem;color:hsla(0,0%,100%,.7)}.alert-by{font-size:.7rem;color:hsla(0,0%,100%,.6);font-style:italic}@keyframes alertSlideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes alertFadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(40px)}}.broadcast-viewer-count{position:fixed;top:16px;right:24px;z-index:10005;display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,.75);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-dot{width:8px;height:8px;border-radius:50%;background:#f44;animation:viewerPulse 2s ease-in-out infinite}@keyframes viewerPulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(255,68,68,.5)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(255,68,68,0)}}.broadcast-clock{position:fixed;top:16px;left:80px;z-index:10005;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 16px;background:rgba(0,0,0,.75);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clock-time{font-size:1.1rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock-era{display:flex;align-items:center;gap:8px;font-size:.7rem;color:hsla(0,0%,100%,.7)}.era-countdown{padding:2px 8px;background:rgba(211,119,29,.3);border-radius:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#d3771d;font-weight:600}.broadcast-ticker{position:fixed;bottom:0;left:0;right:0;z-index:10004;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(15,8,0,.95));border-top:2px solid rgba(211,119,29,.6);padding:0;overflow:hidden;display:flex;align-items:stretch;height:36px}.broadcast-ticker:after{content:"";position:absolute;top:0;right:0;width:33%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.7) 40%,rgba(0,0,0,.95));pointer-events:none;z-index:1}.ticker-label{display:flex;align-items:center;gap:6px;padding:0 16px;background:linear-gradient(135deg,#d3771d,#b45309);color:#fff;font-family:Rubik,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:2px;white-space:nowrap;flex-shrink:0;position:relative;z-index:2}.ticker-label:before{content:"";width:7px;height:7px;background:#ef4444;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 6px rgba(239,68,68,.6)}.ticker-label:after{content:"";position:absolute;right:-8px;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#b45309,transparent)}.ticker-track{display:flex;white-space:nowrap;animation:tickerScroll 60s linear infinite;flex:1 1;align-items:center}.ticker-content{flex-shrink:0;font-size:.9rem;font-weight:600;color:hsla(0,0%,100%,.9);letter-spacing:.3px;padding:0 24px}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.broadcast-lower-third{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:stretch;background:linear-gradient(135deg,rgba(0,0,0,.88),rgba(20,10,0,.88));border:1px solid rgba(211,119,29,.4);border-radius:12px;overflow:hidden;animation:lowerThirdIn .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10}.lower-third-accent{width:5px;background:linear-gradient(180deg,#d3771d,#ff9f43);flex-shrink:0}.lower-third-content{display:flex;flex-direction:column;gap:2px;padding:10px 16px;flex:1 1;min-width:0}.lower-third-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#d3771d}.lower-third-song{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lower-third-artist{font-size:.8rem;color:hsla(0,0%,100%,.6)}.lower-third-stats{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 16px;border-left:1px solid hsla(0,0%,100%,.1);font-size:.75rem;color:hsla(0,0%,100%,.7)}@keyframes lowerThirdIn{0%{transform:translateY(100%) scaleX(.8);opacity:0}to{transform:translateY(0) scaleX(1);opacity:1}}.hype-section{border-left:3px solid #d3771d;transition:border-color .5s ease}.hype-meter{display:flex;flex-direction:column;gap:6px}.hype-bar{height:12px;background:hsla(0,0%,100%,.08);border-radius:6px;overflow:hidden}.hype-fill{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.34,1.56,.64,1),background .5s ease,box-shadow .5s ease}.hype-label{display:flex;align-items:center;gap:6px;font-size:.75rem}.hype-emoji{font-size:1.2rem}.hype-text{font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:color .5s ease}.lb-location{font-size:.6rem;padding:1px 6px;background:rgba(211,119,29,.2);border-radius:8px;color:hsla(0,0%,100%,.5);flex-shrink:0}.lb-row-top{background:rgba(211,119,29,.12);border:1px solid rgba(211,119,29,.3);border-radius:8px}.active-voters-section{padding:14px 14px 16px}.active-voters-section .mini-leaderboard{gap:10px}.active-voters-section .lb-row{padding:10px 12px;gap:10px}.lb-badge{font-family:Rubik,sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.8px;padding:3px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;text-transform:uppercase}.lb-badge-leader{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3);animation:leaderPulse 2.5s ease-in-out infinite}@keyframes leaderPulse{0%,to{box-shadow:0 0 0 0 rgba(251,191,36,0)}50%{box-shadow:0 0 8px rgba(251,191,36,.25)}}.lb-badge-new{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.25);animation:welcomeFadeIn .6s ease-out}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.lb-row-welcome{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);border-radius:8px}.lb-row-stacked{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.lb-row-line-1{display:flex;align-items:center;gap:8px}.lb-row-line-1 .lb-name{flex:1 1;font-size:1.4rem;font-weight:600}.lb-row-line-2{display:flex;align-items:center;gap:8px;padding-left:32px}.hype-zone-stats{display:flex;flex-direction:column;gap:10px}.hz-stat{display:flex;align-items:center;gap:8px;padding:8px 10px;background:hsla(0,0%,100%,.04);border-radius:10px;transition:background .2s ease}.hz-stat:hover{background:hsla(0,0%,100%,.08)}.hz-icon{font-size:1.7rem;flex-shrink:0}.hz-value{font-size:1.7rem;font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hz-label{font-size:1.2rem;color:hsla(0,0%,100%,.5)}.hz-top-song{flex-wrap:wrap;border:1px solid rgba(211,119,29,.2)}.hz-top-song .hz-value{color:#d3771d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.achievements-feed{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.achievement-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;background:hsla(0,0%,100%,.04);border-radius:8px;animation:achFadeIn .4s ease-out}.ach-emoji{font-size:1.4rem;flex-shrink:0}.ach-text{font-size:1.2rem;color:hsla(0,0%,100%,.75);line-height:1.3}@keyframes achFadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.broadcast-mode .jukebox-dashboard{padding-bottom:48px}.broadcast-mode .jukebox-close-fixed,.broadcast-mode .jukebox-corner-close{display:none!important}.waveform-container{margin:4px 16px;flex:0 0 auto;height:60px;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.2);border:1px solid rgba(211,119,29,.1)}.waveform-canvas{width:100%;height:100%;display:block}.dj-intel-card{margin:8px 16px 4px;background:hsla(0,0%,100%,.04);border:1px solid rgba(211,119,29,.2);border-radius:12px;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dj-intel-header{display:flex;align-items:center;justify-content:center;padding:6px 14px;background:linear-gradient(90deg,rgba(211,119,29,.12),rgba(224,159,36,.08) 50%,rgba(211,119,29,.12));border-bottom:1px solid rgba(211,119,29,.15)}.dj-intel-title{font-family:Rubik,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(211,119,29,.9)}.dj-intel-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;padding:10px 12px}.dj-stat-badge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:hsla(0,0%,100%,.03);border-radius:8px;transition:background .2s ease}.dj-stat-badge:hover{background:rgba(211,119,29,.1)}.dj-stat-icon{font-size:1.4rem}.dj-stat-value{font-family:Rubik,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;line-height:1.2}.dj-stat-label{font-family:Rubik,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:hsla(0,0%,100%,.4)}.dj-intel-tip{padding:8px 14px 10px;border-top:1px solid hsla(0,0%,100%,.05);min-height:36px;display:flex;align-items:center;justify-content:center}.dj-intel-tip.standalone-tip{margin:4px 16px;background:hsla(0,0%,100%,.04);border-radius:10px;border:1px solid hsla(0,0%,100%,.06);border-top:none}.dj-tip-text{font-size:1.3rem;font-weight:500;color:hsla(0,0%,100%,.75);text-align:center;line-height:1.4;animation:djTipFadeIn .5s ease-out}@keyframes djTipFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:380px){.dj-intel-stats{grid-template-columns:repeat(2,1fr);gap:4px}}.upnext-strip{margin:4px 16px 8px;background:hsla(0,0%,100%,.04);border:1px solid rgba(211,119,29,.15);border-radius:10px;overflow:hidden;flex:1 1;min-height:160px;display:flex;flex-direction:column}.upnext-strip-label{display:block;font-size:1.2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(211,119,29,.9);padding:6px 14px 4px;background:linear-gradient(90deg,rgba(211,119,29,.1),transparent)}.upnext-strip-items{display:flex;flex-direction:column;gap:2px;padding:4px 8px 8px;flex:1 1}.upnext-strip-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:hsla(0,0%,100%,.03);border-radius:8px;cursor:pointer;transition:all .15s ease}.upnext-strip-item:hover{background:rgba(211,119,29,.15);transform:translateX(2px)}.upnext-strip-pos{font-size:1.2rem;font-weight:700;color:hsla(0,0%,100%,.35);width:16px;text-align:center;flex-shrink:0}.upnext-strip-art{width:52px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0}.upnext-strip-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.upnext-strip-name{font-size:1.3rem;font-weight:600;color:hsla(0,0%,100%,.9)}.upnext-strip-artist,.upnext-strip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upnext-strip-artist{font-size:1.1rem;color:hsla(0,0%,100%,.45)}.upnext-strip-score{font-size:1.25rem;font-weight:700;color:#fbbf24;flex-shrink:0}.chat-embed-section{flex:1 1;display:flex!important;flex-direction:column;min-height:200px}.chat-embed-box{flex:1 1;min-height:180px;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.08)}.chat-embed-box iframe{width:100%;height:100%;border:none;min-height:180px}.chat-embed-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:180px;gap:8px;color:hsla(0,0%,100%,.25)}.chat-placeholder-icon{font-size:2.5rem;opacity:.4}.chat-placeholder-text{font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:hsla(0,0%,100%,.3)}.chat-placeholder-hint{font-size:.75rem;color:hsla(0,0%,100%,.15);font-style:italic}.crate-theme-section{background:linear-gradient(180deg,rgba(211,119,29,.1),hsla(0,0%,8%,.8));border:1px solid rgba(211,119,29,.25)}.crate-theme-display{display:flex;flex-direction:column;gap:4px}.crate-theme-name{font-family:Rubik,sans-serif;font-size:1.4rem;font-weight:800;color:#fbbf24;line-height:1.3;letter-spacing:.3px}.crate-theme-sub{font-size:1rem;color:hsla(0,0%,100%,.5);font-weight:500}.qr-widget-section{background:hsla(0,0%,8%,.7);overflow:hidden}.qr-widget-content{display:flex;align-items:center;gap:10px}.qr-widget-img{width:64px;height:64px;border-radius:8px;border:1px solid rgba(211,119,29,.3);flex-shrink:0}.qr-widget-info{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.qr-widget-url-row{margin-top:6px;text-align:center;width:100%;overflow:hidden}.qr-widget-url{font-family:Rubik,sans-serif;font-size:1.05rem;font-weight:700;color:var(--orange-primary,#d3771d);letter-spacing:.3px;display:block;text-align:center;word-break:break-all}.qr-widget-hint{font-size:.85rem;color:hsla(0,0%,100%,.55);line-height:1.3;font-weight:500}.banner-brand-logo{height:18px;width:auto;opacity:.7;filter:brightness(1.2);flex-shrink:0}.qr-platform-logos{display:flex;align-items:center;gap:10px;margin-top:6px}.platform-logo{height:20px;width:auto;opacity:.6;filter:brightness(1.1) grayscale(.3);transition:all .2s ease;flex-shrink:0}.platform-logo:hover{opacity:1;filter:brightness(1.3) grayscale(0);transform:scale(1.1)}.platform-logo.tidal-logo{height:16px;filter:brightness(1.2) grayscale(.3)}.powered-by-strip{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding-top:6px;border-top:1px solid hsla(0,0%,100%,.04)}.powered-by-text{font-family:Inter,sans-serif;font-size:.55rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:hsla(0,0%,100%,.25)}.powered-by-logo{height:16px;width:auto;opacity:.4;filter:brightness(1.2)}.cta-brand-logo{height:28px;width:auto;filter:drop-shadow(0 2px 8px rgba(211,119,29,.5));animation:ctaLogoPulse 1.5s ease-in-out infinite}@keyframes ctaLogoPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}.waveform-sidebar-section{padding:0!important;overflow:hidden}.waveform-container.sidebar-waveform{margin:0;height:50px;border-radius:10px;border:none}.coach-widget-section{background:hsla(0,0%,8%,.65);border:1px solid rgba(211,119,29,.15)}.coach-widget-tip{min-height:36px;display:flex;align-items:center}.coach-tip-text{font-size:1.1rem;font-weight:500;color:hsla(0,0%,100%,.75);line-height:1.4;animation:djTipFadeIn .5s ease-out}.coach-stats-mini{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.06)}.coach-stat{font-family:Rubik,sans-serif;font-size:1rem;font-weight:600;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.04);padding:3px 8px;border-radius:6px;border:1px solid hsla(0,0%,100%,.06);white-space:nowrap}.dj-news-section{background:linear-gradient(135deg,rgba(211,119,29,.08),hsla(0,0%,8%,.6));border:1px solid rgba(211,119,29,.15);flex-grow:1;display:flex;flex-direction:column}.dj-news-headline{animation:newsHeadlineFade .6s ease-out}.dj-news-text{font-size:.95rem;font-weight:600;color:hsla(0,0%,100%,.85);line-height:1.4;letter-spacing:.2px;display:block}.dj-news-credit{font-size:.7rem;color:rgba(211,119,29,.6);font-weight:500;letter-spacing:.5px;margin-top:auto;padding-top:6px;display:block}.dj-news-secondary{border-top:1px solid rgba(211,119,29,.12);padding-top:8px;margin-top:8px}.dj-news-secondary .dj-news-text{color:hsla(0,0%,100%,.6);font-size:.9rem}@keyframes newsHeadlineFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.commentary-inline{margin:4px 16px;padding:8px 0;background:linear-gradient(90deg,rgba(139,92,246,.1),hsla(0,0%,8%,.5) 40%,rgba(139,92,246,.06));border:1px solid rgba(139,92,246,.18);border-radius:10px;overflow:hidden}.commentary-marquee-wrapper{overflow:hidden;width:100%;position:relative}.commentary-inline-art{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid hsla(0,0%,100%,.12)}.commentary-inline-label{font-size:1.1rem;flex-shrink:0}.commentary-inline-text{font-size:.95rem;font-weight:600;font-style:italic;color:hsla(0,0%,100%,.88);line-height:1.35;white-space:nowrap;display:inline-block;padding-left:100%;animation:commentaryMarquee 18s linear infinite}.commentary-inline-votes{font-family:Rubik,sans-serif;font-size:1.1rem;font-weight:800;color:#d3771d;flex-shrink:0;padding:3px 10px;background:rgba(211,119,29,.12);border-radius:8px;border:1px solid rgba(211,119,29,.25);white-space:nowrap}@keyframes commentaryMarquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes commentarySlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.commentary-section{background:linear-gradient(135deg,rgba(139,92,246,.08),hsla(0,0%,8%,.6));border:1px solid rgba(139,92,246,.15)}.commentary-text{font-size:1.05rem;font-weight:600;font-style:italic;color:hsla(0,0%,100%,.9);line-height:1.5;margin:0;animation:commentaryFadeIn .8s ease-out;position:relative;padding-left:12px;border-left:3px solid rgba(139,92,246,.4)}@keyframes commentaryFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.on-this-day-section{background:linear-gradient(135deg,rgba(59,130,246,.08),hsla(0,0%,8%,.6));border:1px solid rgba(59,130,246,.15)}.otd-fact{animation:otdFadeIn .6s ease-out}.otd-text{font-size:.95rem;font-weight:500;color:hsla(0,0%,100%,.85);line-height:1.5;display:block}@keyframes otdFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.achievement-item,.broadcast-lower-third,.song-request-alert,.ticker-track,.viewer-dot{animation:none!important}.viewer-dot{opacity:1}.hype-fill{transition:width .1s linear}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:10000;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(30,30,30,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:toastSlideIn .3s ease-out;pointer-events:auto;max-width:320px}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-color:rgba(34,197,94,.4);background:linear-gradient(135deg,rgba(30,30,30,.95),rgba(34,197,94,.1))}.toast-error{border-color:rgba(239,68,68,.4);background:linear-gradient(135deg,rgba(30,30,30,.95),rgba(239,68,68,.1))}.toast-info{border-color:rgba(211,119,29,.4);background:linear-gradient(135deg,rgba(30,30,30,.95),rgba(211,119,29,.1))}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;font-weight:700}.toast-success .toast-icon{background:rgba(34,197,94,.2);color:#22c55e}.toast-error .toast-icon{background:rgba(239,68,68,.2);color:#ef4444}.toast-info .toast-icon{background:rgba(211,119,29,.2);color:#d3771d}.toast-message{flex:1 1;font-size:.9rem;color:hsla(0,0%,100%,.9);line-height:1.4}.toast-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:hsla(0,0%,100%,.4);font-size:1rem;cursor:pointer;transition:color .15s ease}.toast-close:hover{color:#fff}@media (max-width:640px){.toast-container{bottom:16px;left:16px;right:16px}.toast{max-width:none}}