.spectrum-analyzer{flex:1;display:flex;align-items:center;justify-content:center;background:#0003;border:1px solid #3a3a3a;border-radius:4px;padding:.5rem;min-height:0;overflow:hidden;width:100%;height:100%;position:relative;margin:0;box-sizing:border-box}.spectrum-grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(58,58,58,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(58,58,58,.1) 1px,transparent 1px);background-size:8px 8px;background-position:0 0;pointer-events:none;z-index:1}.spectrum-canvas{position:absolute;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;z-index:2}@media (max-width: 767px){.spectrum-analyzer{min-height:150px;max-height:250px;padding:.5rem;margin:0;box-sizing:border-box;height:auto;width:100%}}@media (max-width: 479px){.spectrum-analyzer{min-height:120px;max-height:200px;padding:.5rem}}.control-panel{display:flex;flex-direction:column;gap:.6rem;padding:.6rem;background:#0000004d;border:1px solid #3a3a3a;border-radius:4px;flex-shrink:0;align-self:stretch;box-sizing:border-box;overflow:visible;width:100%;max-width:calc(100% - .75rem);margin-right:.75rem}.controls{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.progress-container{width:100%}.progress-bar{width:100%;height:4px;background:#3a3a3a80;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-filled{height:100%;background:#ffb000;border-radius:2px;transition:width .1s linear;box-shadow:0 0 3px #ffb00080}.control-button{width:36px;height:36px;border-radius:50%;font-size:.95rem;color:#ffb000;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.control-button.play-pause{width:48px;height:48px;font-size:1.2rem;background:linear-gradient(135deg,#ffb000,gold);border:2px solid #FFB000;box-shadow:0 0 12px #ffb00080,inset 0 1px #fff3;color:#0f0f0f}.control-button.play-pause:hover{box-shadow:0 0 20px #ffb000b3,inset 0 1px #fff3;transform:scale(1.05)}.control-button:hover{transform:scale(1.08);box-shadow:0 0 10px #ffb0004d,inset 0 1px #ffffff1a}.control-button:active{transform:scale(.95)}@media (min-width: 768px) and (max-width: 1199px){.control-panel{padding:.875rem;gap:.875rem}.control-button{width:36px;height:36px;font-size:.95rem}.control-button.play-pause{width:48px;height:48px;font-size:1.2rem}.time-display{font-size:1.1rem}}@media (max-width: 767px){.control-panel{padding:.75rem;gap:.75rem}.control-button{width:44px;height:44px;font-size:1.2rem}.control-button.play-pause{width:56px;height:56px;font-size:1.5rem}.time-display{font-size:1rem}.controls{gap:.75rem}}@media (max-width: 479px){.control-panel{padding:.5rem;gap:.5rem}.control-button{width:40px;height:40px;font-size:1.1rem}.control-button.play-pause{width:50px;height:50px;font-size:1.3rem}.time-display{font-size:.9rem}.controls{gap:.5rem}}.playlist{background:#0000004d;border:1px solid #3a3a3a;border-radius:4px;padding:.6rem;flex:1;min-height:0;display:flex;flex-direction:column;overflow:visible;align-self:stretch;box-sizing:border-box;width:100%;max-width:calc(100% - .75rem);margin-right:.75rem}.playlist-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid #3a3a3a;flex-shrink:0}.playlist-title{font-size:.9rem;color:#ffb000;text-shadow:0 0 4px #FFB000;font-weight:700;letter-spacing:.03rem}.playlist-count{font-size:.9rem;color:#00ff41;opacity:.7;margin-left:.5rem;font-weight:400}.playlist-loading-more{padding:.5rem;text-align:center;color:#00ff41;opacity:.6;font-size:.75rem}.playlist-items{display:flex;flex-direction:column;gap:.375rem;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;width:100%;max-width:100%;box-sizing:border-box;padding-right:0;scrollbar-gutter:stable}.playlist-item{display:flex;align-items:center;gap:.4rem;padding:.5rem;background:#0003;border:1px solid #3a3a3a;border-radius:3px;cursor:pointer;transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box!important;min-width:0!important;overflow:visible!important;position:relative}.playlist-item:hover{background:#ffb0001a;border-color:#ffb000}.playlist-item.active{background:#ffb00026;border-color:#ffb000;box-shadow:0 0 10px #ffb0004d}.playlist-item-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#ffb000;flex-shrink:0}.playlist-item.active .playlist-item-number{color:#ffb000;text-shadow:0 0 5px #FFB000}.playlist-item-info{flex:1 1 0%;min-width:0!important;max-width:100%;display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.playlist-item-title{font-size:.8rem;color:#ffb000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.playlist-item.active .playlist-item-title{text-shadow:0 0 5px #FFB000}.playlist-item-meta{display:flex;gap:.5rem;font-size:.75rem;color:#00ff41;opacity:.7}.playlist-item-actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;margin-left:auto}.playlist-item-indicator{font-size:.65rem;color:#00ff41;opacity:.8;animation:pulse 2s ease-in-out infinite;white-space:nowrap;flex-shrink:0}.playlist-item-link{background:transparent;border:1px solid #3a3a3a;border-radius:3px;padding:.2rem;cursor:pointer;color:#ffb000;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7;flex-shrink:0;width:24px;height:24px;min-width:24px}.playlist-item-link:hover{opacity:1;border-color:#ffb000;background:#ffb0001a;box-shadow:0 0 5px #ffb0004d}.playlist-item-link:active{transform:scale(.95)}.playlist-item-link svg{width:14px;height:14px}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.playlist-items{scrollbar-width:thin;scrollbar-color:rgba(255,176,0,.5) transparent}.playlist-items::-webkit-scrollbar{width:6px}.playlist-items::-webkit-scrollbar-track{background:transparent;border-radius:3px}.playlist-items::-webkit-scrollbar-thumb{background:#ffb00080;border-radius:3px;border:1px solid rgba(0,0,0,.2)}.playlist-items::-webkit-scrollbar-thumb:hover{background:#ffb000cc}@media (max-width: 767px){.playlist{max-height:200px;padding:.6rem;width:100%;max-width:100%;margin-right:0}.playlist-item{padding:.5rem;gap:.4rem;width:100%;max-width:100%;overflow:hidden}.playlist-item-title{font-size:.85rem}.playlist-item-meta{font-size:.7rem}}@media (max-width: 479px){.playlist{max-height:150px;padding:.5rem}.playlist-item{padding:.375rem;gap:.4rem;width:100%;max-width:100%;overflow:hidden}}.radio-player{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.radio-panel{width:100%;max-width:860px;height:100%;max-height:440px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid #3a3a3a;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a;box-sizing:border-box;overflow:hidden}@media (min-width: 768px){.radio-panel{max-height:440px}}.main-content{flex:1;display:flex;gap:.75rem;min-height:0;overflow:visible;align-items:stretch;height:100%}.left-panel{flex:0 0 50%;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.spectrum-container{flex:1;min-height:0;display:flex;flex-direction:column;height:100%;position:relative;margin-bottom:0;padding-bottom:0;box-sizing:border-box}.spectrum-title{position:absolute;top:.5rem;left:.5rem;font-size:.9rem;font-weight:700;color:#ffb000;text-shadow:0 0 6px #FFB000,0 0 12px #FFB000;letter-spacing:.05rem;z-index:10;pointer-events:none}.right-panel{flex:0 0 50%;display:flex;flex-direction:column;min-width:0;min-height:0;gap:.75rem;overflow:visible;width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 1200px){.radio-panel{max-width:860px;max-height:440px;padding:.75rem;gap:.75rem}.main-content{gap:.75rem}.left-panel,.right-panel{flex:0 0 50%}}@media (min-width: 768px) and (max-width: 1199px){.radio-panel{max-width:860px;max-height:440px;padding:.75rem;gap:.75rem}.main-content{gap:.75rem}.left-panel,.right-panel{flex:0 0 50%}}@media (max-width: 767px){.radio-player{padding:.5rem;align-items:center;justify-content:center}.radio-panel{max-width:100%;max-height:100vh;padding:.75rem;gap:.75rem;border-radius:0;display:flex;flex-direction:column;justify-content:center}.main-content{flex-direction:column;gap:.75rem;align-items:center;justify-content:center;flex:0 1 auto}.left-panel{width:100%;max-width:100%;margin-bottom:0;padding-bottom:0;gap:0;flex:0 0 auto;align-self:center}.spectrum-container{margin-bottom:0!important;padding-bottom:0!important;flex:0 0 auto;box-sizing:border-box!important;height:auto}.spectrum-container .spectrum-analyzer{margin-bottom:0!important;padding-bottom:.5rem;box-sizing:border-box!important;height:auto;width:100%}.right-panel{width:100%;max-width:100%;gap:.75rem;flex:0 0 auto;align-self:center}.right-panel>:first-child{max-height:300px}.playlist,.control-panel{max-width:100%;margin-right:0}}@media (max-width: 479px){.radio-player{padding:0}.radio-panel{padding:.75rem;gap:.75rem}.main-content{gap:.75rem}.right-panel>:first-child{max-height:250px}}.power-button-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;box-sizing:border-box}.power-button{width:300px;height:300px;max-width:90vw;max-height:90vw;border-radius:50%;font-size:3rem;font-weight:700;color:#ffb000;text-transform:uppercase;letter-spacing:.3rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.power-button:hover{transform:scale(1.05);box-shadow:0 0 20px #ffb0004d,inset 0 1px #ffffff1a}.power-button:active{transform:scale(.98)}.power-button:disabled{opacity:.6;cursor:not-allowed}.power-button-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.power-text{text-shadow:0 0 10px #FFB000,0 0 20px #FFB000}.power-loading{font-size:2rem;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (min-width: 768px) and (max-width: 1199px){.power-button{width:250px;height:250px;font-size:2.5rem;letter-spacing:.25rem}.power-loading{font-size:1.75rem}}@media (max-width: 767px){.power-button-container{padding:.5rem}.power-button{width:200px;height:200px;font-size:2rem;letter-spacing:.2rem}.power-button-inner{gap:.75rem}.power-loading{font-size:1.5rem}}@media (max-width: 479px){.power-button-container{padding:.25rem}.power-button{width:150px;height:150px;font-size:1.5rem;letter-spacing:.15rem}.power-button-inner{gap:.5rem}.power-loading{font-size:1.25rem}}.app-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);position:relative}.no-signal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10}.snow-screen{width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.snow-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,176,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,176,0,.1) 0%,transparent 50%);animation:flicker .15s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}.snow-text{font-size:4rem;color:#ffb000;text-shadow:0 0 10px #FFB000,0 0 20px #FFB000,0 0 30px #FFB000;z-index:1;animation:pulse 2s ease-in-out infinite;letter-spacing:.5rem;text-align:center;padding:1rem}@media (max-width: 767px){.snow-text{font-size:2.5rem;letter-spacing:.3rem}}@media (max-width: 479px){.snow-text{font-size:1.8rem;letter-spacing:.2rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:VT323,Courier Prime,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{--tw-bg-opacity: 1;background-color:rgb(15 15 15 / var(--tw-bg-opacity, 1));font-family:VT323,Courier Prime,monospace;--tw-text-opacity: 1;color:rgb(255 176 0 / var(--tw-text-opacity, 1));margin:0;padding:0;overflow:hidden}#root{width:100vw;height:100vh}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.crt-scanlines{position:relative}.crt-scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}.crt-noise{position:relative}.crt-noise:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1001}.metal-button{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 2px 4px #00000080}.metal-button:active{box-shadow:inset 0 2px 4px #00000080,inset 0 1px #0000004d}.marquee{white-space:nowrap;overflow:hidden;display:inline-block}.marquee-content{display:inline-block;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}