@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);word-wrap:break-word;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center}#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:15px;background:var(--neo-purple);border:4px solid var(--neo-black);box-shadow:3px 3px 0 var(--neo-black);display:flex;flex-direction:column;align-items:center;gap:10px}#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:center;gap:6px;margin:0 0 30px;height:60px}.bar{width:16px;height:30px;background-color:var(--neo-green);border:3px solid var(--neo-black);box-shadow:2px 2px 0 var(--neo-black)}.playing .bar{animation:bounce .3s infinite alternate}.playing .bar:nth-child(2){animation-delay:.1s;animation-duration:.6s}.playing .bar:nth-child(3){animation-delay:.2s;animation-duration:.4s}.playing .bar:nth-child(4){animation-delay:.3s;animation-duration:.7s}.playing .bar:nth-child(5){animation-delay:.4s;animation-duration:.5s}@keyframes bounce{0%{transform:scaleY(.5)}to{transform:scaleY(1.5)}}#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)}@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;min-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;min-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}}