@import"https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";.now-playing{text-align:center;padding:0 1rem;width:100%;max-width:320px;margin-bottom:.25rem}.now-playing__title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-playing__artist{font-size:1rem;color:#f36;margin:0 0 .125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing__release{font-size:.8125rem;color:#888;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing__year{color:#666}@media(max-width:380px){.now-playing__title{font-size:1.125rem}.now-playing__artist{font-size:.9375rem}.now-playing__release{font-size:.75rem}}.transport{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem}.transport__btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#ccc;cursor:pointer;transition:all .15s ease}.transport__btn:hover:not(:disabled){color:#fff;transform:scale(1.1)}.transport__btn:active:not(:disabled){transform:scale(.95)}.transport__btn:disabled{opacity:.3;cursor:not-allowed}.transport__btn--secondary{width:40px;height:40px;color:#666}.transport__btn--secondary:hover:not(:disabled){color:#ccc}.transport__btn--secondary.transport__btn--active{color:#f36}.transport__btn--secondary.transport__btn--active:hover{color:#ff5580}.transport__btn--nav{width:44px;height:44px}.transport__btn--play{width:64px;height:64px;background:#fff;color:#0a0a0a;margin:0 .5rem}.transport__btn--play:hover:not(:disabled){transform:scale(1.05);background:#f0f0f0;color:#0a0a0a}.transport__btn--play:active:not(:disabled){transform:scale(.98);background:#e0e0e0;color:#0a0a0a}.transport__btn--play:focus-visible{outline:2px solid #ff3366;outline-offset:2px;color:#0a0a0a}.transport__btn--loading{opacity:.8}.spin{animation:spin 1s linear infinite}@media(max-width:380px){.transport{gap:.75rem;padding:.75rem 1rem}.transport__btn--secondary{width:36px;height:36px}.transport__btn--nav{width:40px;height:40px}.transport__btn--play{width:56px;height:56px}}.progress{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.5rem;width:100%;max-width:480px}.progress__time{font-size:.75rem;font-variant-numeric:tabular-nums;color:#888;min-width:40px}.progress__time--current{text-align:right}.progress__time--duration{text-align:left}.progress__bar{flex:1;position:relative;height:20px;cursor:pointer;display:flex;align-items:center;touch-action:none;user-select:none;-webkit-user-select:none}.progress__bar--dragging{cursor:grabbing}.progress__bar--dragging .progress__thumb{opacity:1;transform:translate(-50%) scale(1.3)}.progress__bar:focus{outline:none}.progress__bar:focus-visible .progress__track{box-shadow:0 0 0 2px #f366}.progress__track{position:absolute;left:0;right:0;height:4px;background:#333;border-radius:2px}.progress__fill{position:absolute;left:0;height:4px;background:#f36;border-radius:2px;transition:width .1s linear}.progress__thumb{position:absolute;width:12px;height:12px;background:#f36;border-radius:50%;transform:translate(-50%);opacity:0;transition:opacity .15s ease;pointer-events:none}.progress__bar:hover .progress__thumb{opacity:1}.progress__hover{position:absolute;transform:translate(-50%);pointer-events:none}.progress__hover-time{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:.25rem .5rem;background:#222;border-radius:3px;font-size:.6875rem;color:#fff;white-space:nowrap}.progress__bar:hover .progress__track,.progress__bar:hover .progress__fill{height:6px}.progress__bar:active .progress__thumb{opacity:1;transform:translate(-50%) scale(1.2)}.progress--disabled .progress__bar{cursor:default;pointer-events:none}.progress--disabled .progress__fill{background:#666}@media(max-width:480px){.progress{gap:.5rem;padding:.5rem 1.25rem}.progress__time{font-size:.6875rem;min-width:32px}.progress__bar{height:32px}.progress__track,.progress__fill{height:6px}.progress__thumb{width:16px;height:16px;opacity:1}}.drawer-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{width:100%;max-width:480px;max-height:85vh;background:#1a1a1a;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease}.drawer__handle{width:40px;height:4px;background:#444;border-radius:2px;margin:12px auto 0;flex-shrink:0}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2a2a2a;flex-shrink:0}.drawer__title{font-size:1.125rem;font-weight:600;margin:0;color:#fff}.drawer__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#888;cursor:pointer;transition:all .15s ease}.drawer__close:hover{background:#ffffff1a;color:#fff}.drawer__content{flex:1;overflow-y:auto;padding:1rem 1.25rem 2rem}.drawer__section{margin-bottom:1.5rem}.drawer__section-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:#666;margin:0 0 .75rem}.station-list{display:flex;flex-direction:column;gap:.5rem}.station-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:#222;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.station-btn:hover:not(:disabled){background:#2a2a2a;border-color:#444}.station-btn:disabled{opacity:.4;cursor:not-allowed}.station-btn--active{background:#ff33661a;border-color:#f36}.station-btn--freeform{background:linear-gradient(135deg,#222,#2a2a2a)}.station-btn__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.station-btn__info{flex:1;min-width:0}.station-btn__name{display:block;font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:.125rem}.station-btn__desc{display:block;font-size:.75rem;color:#888}.station-btn__count{font-size:.75rem;color:#666;flex-shrink:0}.station-btn__playing{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:#f36;flex-shrink:0}.toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:transparent;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;transition:all .15s ease}.toggle-btn:hover{background:#222;border-color:#444;color:#fff}.toggle-btn__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;background:#f36;border-radius:10px;font-size:.6875rem;color:#fff}.custom-filters{margin-top:1rem;padding:1rem;background:#222;border-radius:8px}.filter-group{margin-bottom:1rem}.filter-group:last-of-type{margin-bottom:0}.filter-group__title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#666;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.filter-group__count{font-weight:400;color:#f36;text-transform:none;letter-spacing:normal}.filter-decade{margin-bottom:.75rem}.filter-decade:last-child{margin-bottom:0}.filter-decade__header{display:inline-block;padding:.375rem .75rem;margin-bottom:.375rem;background:transparent;border:1px solid #3a3a3a;border-radius:4px;font-size:.75rem;font-weight:600;color:#888;cursor:pointer;transition:all .15s ease}.filter-decade__header:hover{background:#2a2a2a;border-color:#444;color:#ccc}.filter-decade__header--selected{background:#f36;border-color:#f36;color:#fff}.filter-decade__header--partial{background:#ff33664d;border-color:#f36;color:#f36}.filter-chips{display:flex;flex-wrap:wrap;gap:.375rem}.filter-chip{padding:.5rem .75rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:9999px;font-size:.8125rem;color:#ccc;cursor:pointer;transition:all .15s ease}.filter-chip:hover{background:#333;border-color:#444;color:#fff}.filter-chip--selected{background:#f36;border-color:#f36;color:#fff}.filter-chip--selected:hover{background:#ff1a53;border-color:#ff1a53}.filter-chip__count{font-size:.6875rem;opacity:.7;margin-left:.25rem}.filter-chip--small{padding:.375rem .625rem;font-size:.75rem}.filter-error{color:#f68;font-size:.8125rem;margin:1rem 0 .5rem;text-align:center}.filter-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.filter-actions .btn{flex:1}.btn--ghost{background:transparent;border:1px solid #444;color:#ccc}.btn--ghost:hover{background:#ffffff0d;border-color:#555;color:#fff}.queue-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.queue-panel{width:100%;max-width:480px;max-height:85vh;background:#1a1a1a;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.queue-panel__handle{width:40px;height:4px;background:#444;border-radius:2px;margin:12px auto 0;flex-shrink:0}.queue-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2a2a2a;flex-shrink:0}.queue-panel__title{font-size:1.125rem;font-weight:600;margin:0;color:#fff}.queue-panel__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#888;cursor:pointer;transition:all .15s ease}.queue-panel__close:hover{background:#ffffff1a;color:#fff}.queue-panel__content{flex:1;overflow-y:auto;padding:1rem 1.25rem 2rem}.queue-empty{text-align:center;padding:3rem 1rem;color:#888}.queue-empty p{margin:0}.queue-empty__hint{font-size:.875rem;color:#666;margin-top:.5rem!important}.queue-section{margin-bottom:1.5rem}.queue-section:last-child{margin-bottom:0}.queue-section__title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:#666;margin:0 0 .75rem}.queue-list{display:flex;flex-direction:column;gap:.25rem}.queue-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease;text-align:left}.queue-item:hover:not(:disabled){background:#ffffff0d}.queue-item:disabled{cursor:default}.queue-item--playing,.queue-item--playing:hover{background:#ff33661a}.queue-item__artwork{width:48px;height:48px;border-radius:4px;overflow:hidden;background:#222;flex-shrink:0;position:relative}.queue-item__artwork img{width:100%;height:100%;object-fit:cover}.queue-item__artwork-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.25rem;color:#444}.queue-item__playing-indicator{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:8px;background:#00000080}.queue-item__playing-indicator span{width:3px;background:#f36;border-radius:1px;animation:equalizer .8s ease-in-out infinite}.queue-item__playing-indicator span:nth-child(1){height:12px;animation-delay:0s}.queue-item__playing-indicator span:nth-child(2){height:18px;animation-delay:.2s}.queue-item__playing-indicator span:nth-child(3){height:8px;animation-delay:.4s}@keyframes equalizer{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.queue-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.queue-item__title{font-size:.9375rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item--playing .queue-item__title{color:#f36}.queue-item__artist{font-size:.8125rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liner-notes{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#1a1a1a;border-top:1px solid #2a2a2a;border-radius:16px 16px 0 0;z-index:50;transition:transform .3s ease;padding-bottom:env(safe-area-inset-bottom,0)}.liner-notes--expanded{max-height:60vh;display:flex;flex-direction:column}.liner-notes__peek{display:flex;flex-direction:column;align-items:center;width:100%;padding:.5rem 1.25rem .75rem;background:transparent;border:none;cursor:pointer;color:#888;transition:color .15s ease;user-select:none;-webkit-user-select:none;touch-action:none}.liner-notes__peek:hover{color:#fff}.liner-notes__handle{width:36px;height:4px;background:#444;border-radius:2px;margin-bottom:.5rem}.liner-notes__peek:hover .liner-notes__handle{background:#666}.liner-notes__peek-row{display:flex;align-items:center;justify-content:space-between;width:100%}.liner-notes__peek-text{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.liner-notes__content{flex:1;overflow-y:auto;padding:0 1.25rem 1.5rem}.liner-notes__meta{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #2a2a2a}.liner-notes__meta-item{display:flex;gap:.75rem;margin-bottom:.5rem}.liner-notes__meta-item:last-child{margin-bottom:0}.liner-notes__meta-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;flex-shrink:0;min-width:60px}.liner-notes__meta-value{font-size:.875rem;color:#ccc;line-height:1.4}.liner-notes__meta-item--members{flex-direction:column;align-items:flex-start;gap:.375rem}.liner-notes__meta-members{display:flex;flex-direction:column;gap:.125rem}.liner-notes__member{font-size:.875rem;color:#ccc;line-height:1.3}.liner-notes__text{font-size:.9375rem;line-height:1.7;color:#ccc}.liner-notes__text p{margin:0 0 1rem}.liner-notes__text p:last-child{margin-bottom:0}.liner-notes__text a{color:#f36;text-decoration:none}.liner-notes__text a:hover{text-decoration:underline}.liner-notes__text strong{color:#fff}.liner-notes__text ul,.liner-notes__text ol{margin:0 0 1rem;padding-left:1.5rem}.liner-notes__text li{margin-bottom:.25rem}.liner-notes__link{display:block;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #2a2a2a;font-size:.875rem;color:#f36;text-decoration:none;transition:color .15s ease}.liner-notes__link:hover{color:#ff5580}.radio-player{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;padding:0;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.radio-player--loading,.radio-player--error{justify-content:center;align-items:center;text-align:center;padding:2rem;gap:1rem}.radio-logo{width:200px;height:auto;margin-bottom:.5rem}.loading-text{font-size:1rem;color:#888;margin:0}.loading-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#f36;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--small{width:24px;height:24px;border-width:2px}.loading-progress{width:200px;height:4px;background:#333;border-radius:2px;overflow:hidden;margin:1rem 0;position:relative}.loading-progress__bar{height:100%;background:#f36;border-radius:2px;transition:width .3s ease}.loading-progress--indeterminate:after{content:"";position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,51,102,.6),transparent);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes spin{to{transform:rotate(360deg)}}.loading-subtext{font-size:.75rem;color:#666;margin:0}.radio-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;flex-shrink:0}.header-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#ccc;cursor:pointer;transition:all .15s ease}.header-btn:hover{background:#ffffff1a;color:#fff}.header-brand{display:flex;flex-direction:column;align-items:center;gap:.25rem}.header-brand .radio-logo{width:140px;margin:0}.radio-tagline{font-family:Special Elite,cursive;font-size:.6875rem;color:#f36;letter-spacing:.05em}.radio-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 1.5rem;overflow-y:auto;min-height:0}.artwork-container{width:100%;max-width:320px;aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;background:#1a1a1a;box-shadow:0 8px 32px #00000080;margin-bottom:1rem;flex-shrink:0}.artwork-image{width:100%;height:100%;object-fit:cover}.artwork-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#222,#1a1a1a)}.artwork-placeholder__icon{width:64px;height:64px;color:#f36;opacity:.6}.artwork-placeholder__text{font-size:.875rem;color:#999;text-transform:uppercase;letter-spacing:.1em}.artwork-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080}.no-track{text-align:center;padding:1rem}.no-track__title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:#ccc}.no-track__subtitle{font-size:.875rem;color:#666;margin:0}.error-banner{width:100%;background:#ff336626;border:1px solid rgba(255,51,102,.3);color:#f68;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-top:1rem;text-align:center}.mode-indicator{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.375rem 1.5rem;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:#555}.mode-indicator__mode{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.mode-indicator__info{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.mode-indicator__loading{color:#f36;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mode-indicator__tracks{color:#444}.mode-indicator__queue{flex-shrink:0;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#f36;color:#fff}.btn--primary:hover:not(:disabled){background:#ff1a53;transform:scale(1.02)}.btn--secondary{background:#ffffff1a;color:#ccc}.btn--secondary:hover:not(:disabled){background:#ffffff26;color:#fff}@media(max-width:380px){.radio-header{padding:.75rem}.header-brand .radio-logo{width:120px}.radio-main{padding:0 1rem}.artwork-container{max-width:280px}}@media(min-height:700px){.artwork-container{max-width:340px}}.debug-panel{margin:.5rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;font-size:.75rem}.debug-panel__toggle{width:100%;padding:.5rem 1rem;background:transparent;border:none;color:#f36;cursor:pointer;text-align:left;font-family:monospace}.debug-panel__content{padding:.5rem 1rem 1rem;border-top:1px solid #333}.debug-panel__row{margin-bottom:.375rem;color:#888;font-family:monospace;word-break:break-all}.debug-panel__row strong{color:#ccc}.debug-panel__url{display:block;color:#666;font-size:.625rem;margin-top:.125rem}.debug-panel__button{margin-top:.75rem;padding:.5rem 1rem;background:#f36;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;width:100%}.debug-panel__button:active{background:#cc2952}.controls-region{flex-shrink:0;background:linear-gradient(180deg,transparent 0%,rgba(10,10,10,.95) 20%);padding-top:.5rem}.bottom-spacer{height:52px;flex-shrink:0}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-spacer{height:calc(52px + env(safe-area-inset-bottom,0))}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0a0a0a;color:#f0f0f0;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer}:focus-visible{outline:2px solid #ff3366;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}::selection{background:#f36;color:#fff}