@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=DM+Sans:wght@400;700&display=swap";:root{--neo-bg: #f5f5f0;--neo-black: #000000;--neo-white: #ffffff;--neo-primary: #FF3D00;--neo-secondary: #00E5FF;--neo-accent: #FFC107;--neo-purple: #B794F6;--neo-green: #4ADE80;--shadow-offset: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;max-width:750px;margin:0 auto;padding:20px;background-color:var(--neo-bg);color:var(--neo-black);line-height:1.4}h1,h2,h3{font-family:Space Grotesk,sans-serif;font-weight:700}header{text-align:center;margin-bottom:25px;padding:30px;background:var(--neo-white);border:4px solid var(--neo-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--neo-black);position:relative}header:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:var(--neo-primary);z-index:-1;border:4px solid var(--neo-black)}h1{font-size:3em;color:var(--neo-black);text-transform:uppercase;letter-spacing:-2px}.tagline{font-size:1.3em;font-weight:700;color:var(--neo-black);margin:10px 0}.logo-img{width:160px;height:160px;margin-left:20px}#player-info{background:var(--neo-secondary);border:4px solid var(--neo-black);box-shadow:6px 6px 0 var(--neo-black);padding:20px;margin:25px 0 30px;position:relative}#now-playing{font-size:1.4em;font-weight:700;margin-bottom:12px;padding:12px;background:var(--neo-white);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black);height:50px;display:flex;align-items:center;overflow:hidden}.np-viewport{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;justify-content:center}.np-marquee{display:inline-flex;flex:none;align-items:center;white-space:nowrap}.np-text{white-space:nowrap}.np-text--dup{display:none;padding-left:var(--np-gap, 56px)}#now-playing.is-scrolling .np-viewport{justify-content:flex-start}#now-playing.is-scrolling .np-text--dup{display:inline}#now-playing.is-scrolling .np-marquee{will-change:transform;animation:np-scroll linear infinite}@keyframes np-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--np-distance, 100%)))}}@media (prefers-reduced-motion: reduce){#now-playing.is-scrolling .np-viewport{justify-content:center}#now-playing.is-scrolling .np-text--dup{display:none}#now-playing.is-scrolling .np-marquee{animation:none}}#listeners{font-size:1em;font-weight:700;padding:10px 20px;background:var(--neo-accent);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black);display:inline-block}#skip-vote{margin-top:15px;padding:12px 15px;background:var(--neo-purple);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}#skip-vote button{padding:10px 25px;background:var(--neo-primary);color:var(--neo-white);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:1em;font-weight:700;text-transform:uppercase;transition:all .1s ease;letter-spacing:1px}#skip-vote button:hover:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 var(--neo-black)}#skip-vote button:active:not(:disabled){transform:translate(3px,3px);box-shadow:none}#skip-vote button:disabled{opacity:.5;cursor:not-allowed;background:#999}#vote-count{font-size:1em;font-weight:700;padding:8px 15px;background:var(--neo-white);border:3px solid var(--neo-black)}.equalizer{display:flex;justify-content:center;align-items:flex-end;gap:4px;margin:0 0 30px;height:60px}.bar{flex:1 1 0;min-width:0;max-width:20px;height:8%;background-color:var(--neo-green);border:3px solid var(--neo-black);box-shadow:2px 2px 0 var(--neo-black);transition:height .07s linear}.equalizer.is-live .bar{background-color:var(--neo-green)}@media (prefers-reduced-motion: reduce){.bar{transition:none}}#audio-player{display:none}#custom-player{display:flex;align-items:center;gap:20px;padding:20px;background:var(--neo-white);border:4px solid var(--neo-black);box-shadow:6px 6px 0 var(--neo-black);margin:0 0 20px}.play-pause-btn{width:80px;height:80px;min-width:80px;background:var(--neo-primary);border:4px solid var(--neo-black);box-shadow:4px 4px 0 var(--neo-black);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;color:var(--neo-white)}.play-pause-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--neo-black)}.play-pause-btn:active{transform:translate(4px,4px);box-shadow:none}.progress-container{flex:1;display:flex;flex-direction:column;gap:8px}.time-display{display:flex;justify-content:space-between;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.9em}.progress-bar-container{height:30px;background:var(--neo-bg);border:4px solid var(--neo-black);box-shadow:inset 2px 2px 0 var(--neo-black);cursor:pointer;position:relative;overflow:hidden}.progress-bar{height:100%;background:var(--neo-green);width:0%;transition:width .1s linear;border-right:4px solid var(--neo-black)}.volume-container{display:flex;align-items:center;gap:10px}.mute-btn{width:50px;height:50px;min-width:50px;background:var(--neo-accent);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.mute-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--neo-black)}.mute-btn:active{transform:translate(3px,3px);box-shadow:none}.volume-bar-container{width:100px;height:30px;background:var(--neo-bg);border:4px solid var(--neo-black);box-shadow:inset 2px 2px 0 var(--neo-black);cursor:pointer;position:relative;overflow:hidden}.volume-bar{height:100%;background:var(--neo-accent);width:100%;border-right:4px solid var(--neo-black)}#upcoming{background:var(--neo-white);border:4px solid var(--neo-black);box-shadow:6px 6px 0 var(--neo-black);padding:20px;margin:0 0 30px;position:relative}.upcoming-title{font-family:Space Grotesk,sans-serif;font-size:1.3em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;padding:8px 14px;background:var(--neo-primary);color:var(--neo-white);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black);display:inline-block}.upcoming-list{list-style:none;display:flex;flex-direction:column;gap:10px;counter-reset:upcoming}.upcoming-item{counter-increment:upcoming;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--neo-bg);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black)}.upcoming-item:before{content:counter(upcoming);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1em;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--neo-black);color:var(--neo-white);flex-shrink:0}.upcoming-badge{font-family:Space Grotesk,sans-serif;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border:3px solid var(--neo-black);flex-shrink:0;white-space:nowrap}.upcoming-badge--music{background:var(--neo-secondary)}.upcoming-badge--excerpt{background:var(--neo-green)}.upcoming-badge--sketch{background:var(--neo-accent)}.upcoming-badge--jingle{background:var(--neo-purple)}.upcoming-item-title{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-item-duration{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.85em;padding:4px 8px;background:var(--neo-white);border:3px solid var(--neo-black);flex-shrink:0}.upcoming-empty{padding:14px;font-weight:700;text-align:center;background:var(--neo-bg);border:4px dashed var(--neo-black)}@media (max-width: 480px){#upcoming{padding:12px;margin:0 0 10px;box-shadow:3px 3px 0 var(--neo-black)}.upcoming-title{font-size:1em;padding:6px 10px;margin-bottom:10px;box-shadow:2px 2px 0 var(--neo-black)}.upcoming-list{gap:6px}.upcoming-item{gap:8px;padding:6px 8px;box-shadow:2px 2px 0 var(--neo-black)}.upcoming-item:before{min-width:22px;height:22px;font-size:.9em}.upcoming-badge{font-size:.6em;padding:3px 6px}.upcoming-item-title{font-size:.9em}.upcoming-item-duration{font-size:.75em;padding:3px 6px}.upcoming-empty{padding:10px;font-size:.9em}}@media (max-width: 768px){body{padding:15px;max-width:100%}header{padding:20px;margin-bottom:15px}h1{font-size:2.2em}.tagline{font-size:1.1em}.logo-img{width:120px;height:120px;margin:0}header>div{flex-direction:row!important;align-items:center;gap:15px}.equalizer{height:50px;margin:0 0 15px}#player-info{margin:15px 0 20px}#now-playing{font-size:1.2em}#custom-player{gap:15px;padding:15px}.play-pause-btn{width:70px;height:70px;min-width:70px}}@media (max-width: 480px){body{padding:10px;max-width:100%}header{padding:12px;margin-bottom:10px;text-align:left}header:before{display:none}header>div{flex-direction:row!important;align-items:center;gap:10px}.logo-img{width:60px;height:60px;margin:0;flex-shrink:0}h1{font-size:1.4em;letter-spacing:-1px}.tagline{font-size:.9em;margin:4px 0}.equalizer{height:35px;margin:8px 0;gap:4px}.bar{width:8px;height:20px}#player-info{padding:12px;margin:8px 0 10px;box-shadow:3px 3px 0 var(--neo-black)}#now-playing{font-size:1em;padding:8px;height:40px;margin-bottom:8px;box-shadow:2px 2px 0 var(--neo-black)}#listeners{font-size:.85em;padding:6px 12px;box-shadow:2px 2px 0 var(--neo-black)}#skip-vote{padding:8px 12px;margin-top:8px;flex-direction:row;align-items:center;gap:8px;box-shadow:2px 2px 0 var(--neo-black)}#skip-vote button{padding:8px 16px;font-size:.85em;box-shadow:2px 2px 0 var(--neo-black)}#vote-count{font-size:.85em;padding:6px 10px}#custom-player{padding:12px;gap:10px;margin-bottom:10px;flex-direction:row;box-shadow:3px 3px 0 var(--neo-black)}.play-pause-btn{width:56px;height:56px;min-width:56px;box-shadow:3px 3px 0 var(--neo-black)}.progress-bar-container{height:24px}.time-display{font-size:.8em}.progress-container{gap:4px}.mute-btn{width:40px;height:40px;min-width:40px;box-shadow:2px 2px 0 var(--neo-black)}.volume-bar-container{width:70px;height:24px}.volume-container{gap:6px}}@media (max-width: 380px) and (max-height: 700px){body{padding:8px}header{padding:10px;margin-bottom:6px}.logo-img{width:48px;height:48px}h1{font-size:1.2em}.tagline{font-size:.8em;margin:2px 0}.equalizer{height:28px;margin:6px 0}.bar{width:6px;height:16px}#player-info{padding:8px;margin:6px 0 8px}#now-playing{font-size:.9em;padding:6px;height:34px;margin-bottom:6px}#listeners{font-size:.8em;padding:4px 10px}#skip-vote{padding:6px 10px;margin-top:6px;gap:6px}#skip-vote button{padding:6px 12px;font-size:.8em}#vote-count{font-size:.8em;padding:4px 8px}#custom-player{padding:10px;gap:8px;margin-bottom:8px}.play-pause-btn{width:48px;height:48px;min-width:48px}.progress-bar-container{height:20px}.time-display{font-size:.75em}.mute-btn{width:36px;height:36px;min-width:36px}.volume-bar-container{width:60px;height:20px}}