@font-face{font-family:boldspixels;src:url(webfonts/BoldsPixels.ttf)}:root{--font:'BoldsPixels', monospace;--background:white;--color:#0f0f0f;--panel-bg:var(--background);--panel-border:#333;--bg-image:url(./api/art);--bg-blur:5px}body{background-color:var(--background);color:var(--color);font-family:var(--font);margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;display:flex;min-height:100vh;min-width:100vw;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}body::before{content:"";position:fixed;inset:0;background-image:var(--bg-image);background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:initial;filter:blur(var(--bg-blur,5px));transform:scale(var(--bg-scale,1));transition:filter .5s ease,transform .1s ease-out;z-index:-1}body::after{content:"";position:fixed;inset:0;background-color:var(--background);opacity:.6;transition:opacity .5s ease;z-index:-1}@media(prefers-color-scheme:light){body::after{opacity:.6}}.player-container{position:relative;padding:17px;backdrop-filter:blur(4px)saturate(180%);-webkit-backdrop-filter:blur(4px)saturate(180%);transition:backdrop-filter .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center;min-width:300px;font-size:1rem;font-weight:500;border-radius:2.5%;border:dashed var(--color)3px}@media(prefers-color-scheme:light){.player-container{backdrop-filter:blur(12px)saturate(150%);-webkit-backdrop-filter:blur(12px)saturate(150%);box-shadow:0 8px 32px rgba(0,0,0,.1)}}@media(prefers-color-scheme:dark){.player-container{backdrop-filter:blur(8px)saturate(160%);-webkit-backdrop-filter:blur(8px)saturate(160%);box-shadow:0 8px 32px rgba(0,0,0,.4)}}.player-container.invisible{background:0 0!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.player-container.invisible::before{filter:none!important;opacity:1!important;background:0 0!important}body.no-bg::after{opacity:0!important}.player-container::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.15));transition:transform .1s ease-out;z-index:-1}@media(prefers-color-scheme:light){.player-container::before{background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.15))}}@media(prefers-color-scheme:dark){.player-container::before{background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.15))}}body.bg-fading::before{opacity:0}h1{margin-top:0;color:#fff;font-size:3rem}audio{width:100%;margin:15px 0}.listener-count{margin-top:5px;padding:8px 12px;color:#666;border-radius:5%;display:inline-flex;align-items:center;gap:.4rem;cursor:default;transition:all .3s ease}.listener-count i{font-size:.5rem;color:var(--color)}.listener-count:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}@media(prefers-color-scheme:dark){.listener-count{color:#fff}.listener-count i{color:#fff}}.hidden-listener{opacity:0!important;pointer-events:none}.status{margin-top:10px;padding:10px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.2));border-radius:5px;color:#666;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(12px)saturate(150%);-webkit-backdrop-filter:blur(12px)saturate(150%);box-shadow:0 4px 16px rgba(0,0,0,8%)}#statusText{display:block;max-width:100%;overflow-wrap:break-word;word-break:break-word;hyphens:auto}.status.live{background-color:#d4edda;color:#155724;box-shadow:0 0 10px rgba(40,167,69,.5);animation:pulse-live 1.5s infinite}@keyframes pulse-live{0%{box-shadow:0 0 5px rgba(167,40,40,.5)}50%{box-shadow:0 0 20px rgba(167,40,40,.8)}100%{box-shadow:0 0 5px rgba(167,40,40,.5)}}@media(prefers-color-scheme:dark){.status{background:linear-gradient(135deg,rgba(40,40,40,.6),rgba(20,20,20,.4));color:#fff;backdrop-filter:blur(8px)saturate(100%);-webkit-backdrop-filter:blur(8px)saturate(100%);box-shadow:0 4px 16px rgba(0,0,0,.3)}.status.live{background:linear-gradient(135deg,rgba(60,20,20,.6),rgba(30,10,10,.4));color:#faa}}.status:active{transform:scale(.9);transition:transform .1s ease}.status:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease}#playHolder{display:none;align-items:center;justify-content:center;padding:10px;transition:all .3s ease}#playHolder:hover{transform:translateY(-2px)}#playHolder svg{width:8rem;height:8rem;cursor:pointer;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));box-shadow:0 5px 15px rgba(0,0,0,.3);border:2px solid var(--color);border-radius:5%;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.2));backdrop-filter:blur(12px)saturate(150%);-webkit-backdrop-filter:blur(12px)saturate(150%);transition:width .3s ease,height .3s ease}@media(prefers-color-scheme:dark){#playHolder svg{background:linear-gradient(135deg,rgba(40,40,40,.6),rgba(20,20,20,.4));box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(8px)saturate(100%);-webkit-backdrop-filter:blur(8px)saturate(100%)}}#playHolder.shrink svg{width:6rem;height:6rem}#playHolder svg path{fill:var(--color)}#playHolder:hover svg{filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}#playHolder.expanded svg{width:75%;height:auto}.terminal-btn,.pls-btn,.pulse-toggle-btn{display:inline-block;padding:8px 16px;font-family:var(--font);font-size:1.5rem;font-weight:600;color:var(--color);border:none;border-radius:5%;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease}@keyframes pulse-btn{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.terminal-btn:hover,.pls-btn:hover,.pulse-toggle-btn:hover{transform:translateY(-3px);animation:pulse-btn 1.8s infinite}.terminal-btn:active,.pls-btn:active,.pulse-toggle-btn:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.terminal-btn,.pls-btn,.pulse-toggle-btn{color:#fff}}.alt-tooltip{position:absolute;background:var(--background);color:var(--color);padding:.4rem .6rem;border:1px solid var(--color);border-radius:2.5%;font-size:.9rem;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(-4px);z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.15)}.alt-tooltip::after{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px;border-style:solid;border-color:transparent transparent var(--background)transparent}.alt-tooltip.show{opacity:1;transform:translateY(0)}.button-group{display:flex;justify-content:center;gap:20px;margin-top:20px;width:100%;max-width:300px;flex-wrap:wrap}.download-container,.terminal-container,.pulse-toggle-container{flex:1;min-width:60px;text-align:center}#terminal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;max-width:90vw;max-height:80vh;overflow-y:auto;background:var(--background);color:var(--color);border:2px dashed #333;border-radius:5%;padding:1.5rem;font-family:boldspixels,monospace;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#terminal-box.show{opacity:1;visibility:visible}#terminal-box::before{content:'\f120';font-family:"font awesome 5 free";font-weight:900;position:absolute;top:8px;right:8px;font-size:1.2rem;color:#4caf50;opacity:.8}#terminal-code{font-family:boldspixels,monospace;font-size:1.4rem;font-weight:400;line-height:1.5;color:var(--color);background:0 0}#terminal-code::after{content:'|';animation:cursorBlink 1s steps(2)infinite;color:#4caf50}@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}.metadata-box{position:fixed;bottom:1.5rem;right:1.5rem;max-height:20vh;width:auto;max-width:95vw;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.2));border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1rem;overflow:auto;backdrop-filter:blur(16px)saturate(180%);-webkit-backdrop-filter:blur(16px)saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,.1);z-index:1000;transition:opacity .3s ease,transform .3s ease;opacity:0;visibility:hidden;transform:translateY(20px);font-family:boldspixels,monospace;font-size:.75rem;line-height:1.6}.metadata-box pre{width:100%;margin:0}.metadata-box code{color:#1a1a2e;white-space:pre-wrap;word-break:break-word}@media(prefers-color-scheme:dark){.metadata-box{background:linear-gradient(135deg,rgba(30,30,50,.6),rgba(15,15,30,.4));border-color:rgba(255,255,255,8%);box-shadow:0 8px 32px rgba(0,0,0,.4)}.metadata-box code{color:#e0e0f0}}.metadata-box.hidden{opacity:0;visibility:hidden;transform:translateY(20px)}.metadata-box.show{opacity:1;visibility:visible;transform:translateY(0)}.metadata-close-btn{position:absolute;top:2px;right:1px;background:0 0;border:none;color:inherit;font-size:1.2rem;cursor:pointer;line-height:1;opacity:.5;transition:opacity .2s ease}.metadata-close-btn:hover{opacity:1}#radioTitle{opacity:1;transition:opacity .8s ease-in-out}@keyframes fadeTitle{from{opacity:0}to{opacity:1}}#radioTitle.hidden{opacity:0;animation:fadeTitle .8s forwards}.player-wrapper{position:relative;display:inline-block;backdrop-filter:blur(12px)saturate(160%);-webkit-backdrop-filter:blur(12px)saturate(160%)}@media(prefers-color-scheme:light){.player-wrapper{backdrop-filter:blur(16px)saturate(150%);-webkit-backdrop-filter:blur(16px)saturate(150%)}}.volume-control{position:absolute;right:0;top:50%;z-index:10}.volume-slider{-webkit-appearance:none;appearance:none;width:128px;height:8px;margin:0;transform:rotate(-90deg);transform-origin:center center;background:0 0;opacity:1;transition:opacity .3s ease}.volume-control.hidden{opacity:0;pointer-events:none}.volume-slider::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:8px;background:rgba(255,255,255,.1)}.volume-slider::-webkit-slider-runnable-track,.volume-slider::-moz-range-track{width:100%;height:8px;border-radius:8px;background:rgba(255,255,255,.1)}@media(prefers-color-scheme:light){.volume-slider::-webkit-slider-runnable-track,.volume-slider::-moz-range-track{background:rgba(255,255,255,0);border:1px solid rgba(0,0,0,.5)}}@media(prefers-color-scheme:dark){.volume-slider::-webkit-slider-runnable-track,.volume-slider::-moz-range-track{background:0 0;border:1px solid rgba(255,255,255,.5)}}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:30px;opacity:1;cursor:pointer;margin:-10px;transition:transform .2s ease,filter .2s ease;background:url(/images/slider_knob.svg)50%/cover no-repeat;background-color:initial;transform:rotate(90deg)}.volume-slider::-moz-range-thumb{width:15px;height:30px;cursor:pointer;opacity:1;margin:0;transition:transform .2s ease,filter .2s ease;background:url(/images/slider_knob.svg)50%/cover no-repeat;background-color:initial;transform:rotate(90deg)}@media(prefers-color-scheme:light){.volume-slider::-webkit-slider-thumb,.volume-slider::-moz-range-thumb{filter:invert(1)}}.volume-control{position:absolute;right:0;top:50%;transform:translateY(-10px);transition:opacity .3s ease}.pulse-toggle-btn{background:0 0;border:none;color:var(--text-color);cursor:pointer;padding:.4rem;font-size:1.5rem;transition:color .2s}.pulse-toggle-btn.active{color:#e53935}.pulse-toggle-btn:hover{color:#ff7961}.pulse-toggle-container{display:inline-block;margin-left:.6rem}@media(prefers-color-scheme:light){.link:hover{background:rgba(0,0,0,5%)}.link2{background:rgba(0,0,0,.1)}.link2:hover{background:rgba(0,0,0,.2)}h1{color:#0f0f0f}#userPhoto{filter:invert(1)}:root{--background:#dbdbdb;--color:rgb(14, 14, 14)}}@media(prefers-color-scheme:dark){:root{--background:#000000;--color:white}}