:root{--bg:#000;--fg:#fff;--font:"Manrope", sans-serif;--border:1px solid #fff;--border-dim:1px solid #ffffff26;--fg-muted:#ffffff4d;--progress-track:#fff3;--overlay:#000c;--bg-secondary:#111;--border-active:#ffffff80;--focus-line:#ffffff26;--scrollbar:#fff3}@media (prefers-color-scheme:light){:root{--bg:#fff;--fg:#000;--border:1px solid #000;--border-dim:1px solid #00000026;--fg-muted:#0000004d;--progress-track:#0003;--overlay:#ffffffd9;--bg-secondary:#eee;--border-active:#00000080;--focus-line:#00000026;--scrollbar:#0003}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .2s}button:hover{opacity:.7}a{color:inherit;text-decoration:none}input{color:inherit;font:inherit;background:0 0;border:none;outline:none}input::placeholder{color:var(--fg-muted)}.tabular{font-variant-numeric:tabular-nums}.app{grid-template-rows:1fr 1fr;width:100%;height:100dvh;display:grid;overflow:hidden}.app.drawer-collapsed{grid-template-rows:1fr auto}.panel-player{border-bottom:var(--border);flex-direction:column;justify-content:center;align-items:center;padding:24px 48px;display:flex;position:relative;overflow:hidden auto}.panel-drawer{flex-direction:column;display:flex;overflow:hidden}.drawer-tabs{border-bottom:var(--border-dim);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drawer-collapse-btn{opacity:.4;justify-content:center;align-items:center;padding:10px 12px;display:flex}.drawer-collapse-btn:hover{opacity:.8}.drawer-tab{letter-spacing:.12em;text-transform:uppercase;opacity:.35;border-right:var(--border-dim);padding:10px 16px;font-size:.7rem}.drawer-tab:last-child{border-right:none}.drawer-tab.active{opacity:1}.drawer-tab:hover{opacity:.7}.about-panel{opacity:.7;flex:1;padding:24px 48px;font-size:.85rem;line-height:1.7;overflow-y:auto}.about-panel p+p{margin-top:12px}.about-panel a{text-underline-offset:3px;text-decoration:underline}.about-donate{border-top:var(--border-dim);margin-top:24px;padding-top:20px}.about-donate-label{letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-bottom:12px;font-size:.7rem}.about-kofi-wrap{border-radius:4px;max-width:400px;overflow:hidden}.radio-header{letter-spacing:.35em;text-transform:uppercase;opacity:.8;margin-bottom:4px;font-size:1rem;font-weight:400}.radio-player{grid-template-rows:auto 1fr;grid-template-columns:240px 1fr;column-gap:36px;width:100%;max-width:700px;display:grid}.radio-player .radio-header{grid-area:1/2}.radio-player .radio-art-wrap{grid-area:1/1/-1}.radio-player .radio-controls{grid-area:2/2}.radio-art-wrap{aspect-ratio:1;border:var(--border);flex-shrink:0;width:240px;min-width:240px;overflow:hidden}.radio-art{object-fit:cover;width:100%;height:100%;display:block}.radio-controls{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.radio-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;font-size:1.125rem;font-weight:300;overflow:hidden}.radio-rating-row{align-items:center;gap:12px;margin-bottom:0;display:flex}.radio-rating-row .rating-stars{align-items:center;display:inline-flex}.radio-fav-btn{opacity:.3;align-items:center;transition:opacity .15s,color .15s;display:flex}.radio-fav-btn:hover{opacity:.7}.radio-fav-btn.active{opacity:.8;color:#e25555}.radio-transport{align-items:center;gap:24px;margin-bottom:0;display:flex}.radio-loop-btn{opacity:.25;margin-left:auto}.radio-loop-btn.active{opacity:1}.radio-play-btn{justify-content:center;align-items:center;display:flex}.radio-progress{cursor:pointer;align-items:center;width:100%;height:20px;display:flex;position:relative}.radio-progress-track{background:var(--progress-track);height:1px;position:absolute;left:0;right:0}.radio-progress-fill{background:var(--fg);height:1px;transition:width .25s linear;position:absolute;left:0}.radio-progress-dot{background:var(--fg);border-radius:50%;width:8px;height:8px;transition:left .25s linear;position:absolute;transform:translate(-50%)}.radio-time{opacity:.4;justify-content:space-between;width:100%;margin-bottom:0;font-size:.7rem;display:flex}.radio-share-row{justify-content:space-between;align-items:center;display:flex}.radio-share-btn{opacity:.4;letter-spacing:.1em;align-items:center;gap:5px;font-size:.6rem;font-weight:400;display:flex}.radio-share-btn:hover{opacity:.8}.radio-download-btn{opacity:.35;flex-shrink:0;padding:2px 4px;transition:opacity .15s}.radio-download-btn:hover{opacity:.7}.radio-download-btn.cached{opacity:.5;color:#4a4}.radio-download-btn.downloading{opacity:.5;animation:1s ease-in-out infinite pulse}.radio-play-count{opacity:.35;letter-spacing:.1em;font-size:.6rem;font-weight:400}.rating-stars{align-items:center;gap:3px;display:inline-flex}.rating-stars button{opacity:1;padding:0;display:flex}.rating-stars button:hover{opacity:.7}.rating-stars-sm{gap:1px}.queue-panel{flex:1;padding:8px 48px;overflow-y:auto}.queue-header{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.queue-header-label{letter-spacing:.15em;text-transform:uppercase;opacity:.5;font-size:.7rem}.queue-header-actions{gap:12px;display:flex}.queue-header-actions button{opacity:.4}.queue-header-actions button:hover{opacity:.8}.queue-list-full{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;overflow-y:auto}.queue-item{align-items:center;gap:10px;padding:4px 0;display:flex}.queue-item-art{object-fit:cover;border:var(--border-dim);flex-shrink:0;width:28px;height:28px}.queue-item-title{white-space:nowrap;text-overflow:ellipsis;opacity:.7;flex:1;font-size:.8rem;overflow:hidden}.queue-item button{opacity:.3;flex-shrink:0}.queue-item button:hover{opacity:.8}.queue-separator{border-top:var(--border-dim);margin:8px 0}.queue-item-upcoming{opacity:.4}.queue-empty{opacity:.3;padding:8px 0;font-size:.75rem}.browse-controls{align-items:center;gap:12px;padding:16px 48px 12px;display:flex}.download-all-btn{opacity:.35;letter-spacing:.08em;white-space:nowrap;border:var(--border-dim);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.55rem;font-weight:400;transition:opacity .15s;display:flex}.download-all-btn:hover{opacity:.7}.search-bar{border:var(--border-dim);flex:1;align-items:center;gap:8px;padding:6px 10px;display:flex}.search-bar-icon{opacity:.3;flex-shrink:0}.search-bar input{flex:1;font-size:.8rem;font-weight:300}.search-bar-clear{opacity:.3;flex-shrink:0}.search-bar-clear:hover{opacity:.7}.sort-toggle{flex-shrink:0;display:flex}.sort-toggle button{letter-spacing:.05em;border:var(--border-dim);opacity:.35;white-space:nowrap;border-right:none;align-items:center;gap:4px;padding:6px 10px;font-size:.7rem;display:flex}.sort-toggle button:last-child{border-right:var(--border-dim)}.sort-toggle button.active{opacity:1;border-color:var(--border-active)}.sort-toggle button.active+button{border-left-color:var(--border-active)}.scroll-wheel{cursor:grab;-webkit-user-select:none;user-select:none;perspective:400px;flex:1;position:relative;overflow:hidden}.scroll-wheel:active{cursor:grabbing}.scroll-wheel-viewport{height:0;transform-style:preserve-3d;position:absolute;top:50%;left:0;right:0}.scroll-wheel-item{will-change:transform, opacity;transform-origin:50%;backface-visibility:hidden;align-items:center;gap:12px;height:52px;padding:0 4px;display:flex;position:absolute;top:0;left:48px;right:48px}.scroll-wheel-item.focused{cursor:pointer;opacity:1!important}.scroll-wheel-item.focused .wheel-item-title{font-weight:400}.wheel-item-art{object-fit:cover;border:var(--border-dim);flex-shrink:0;width:36px;height:36px}.wheel-item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.85rem;font-weight:300;overflow:hidden}.wheel-item-rating{flex-shrink:0}.wheel-item-fav{opacity:.25;flex-shrink:0;padding:2px;transition:opacity .15s,color .15s}.wheel-item-fav:hover{opacity:.6}.wheel-item-fav.active{opacity:.7;color:#e25555}.wheel-item-plays{opacity:.3;letter-spacing:.05em;flex-shrink:0;font-size:.6rem;font-weight:400}.wheel-item-play{opacity:.3;flex-shrink:0;padding:4px}.wheel-item-play:hover{opacity:.8}.wheel-item-download{opacity:.3;flex-shrink:0;padding:4px;transition:opacity .15s,color .15s}.wheel-item-download:hover{opacity:.7}.wheel-item-download.cached{opacity:.55;color:#4a4}.wheel-item-download.downloading{opacity:.5;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.6}}.wheel-item-add{opacity:.5;flex-shrink:0;padding:4px}.wheel-item-add:hover{opacity:.8}.scroll-wheel-focus-top,.scroll-wheel-focus-bottom{background:var(--focus-line);pointer-events:none;z-index:2;height:1px;position:absolute;left:48px;right:48px}.scroll-wheel-fade-top,.scroll-wheel-fade-bottom{pointer-events:none;z-index:3;height:40px;position:absolute;left:0;right:0}.scroll-wheel-fade-top{background:linear-gradient(to bottom, var(--overlay) 0%, transparent 100%);top:0}.scroll-wheel-fade-bottom{background:linear-gradient(to top, var(--overlay) 0%, transparent 100%);bottom:0}.install-prompt-backdrop{background:var(--overlay);z-index:9999;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.install-prompt{background:var(--bg-secondary);border:var(--border-dim);text-align:center;width:100%;max-width:360px;padding:24px}.install-prompt-title{letter-spacing:.04em;margin-bottom:16px;font-size:.9rem;font-weight:400;line-height:1.5}.install-prompt-instructions{opacity:.7;margin-bottom:20px;font-size:.8rem;font-weight:300;line-height:1.6}.install-prompt-icon{vertical-align:middle;margin:0 2px;display:inline-flex}.install-prompt-dismiss{letter-spacing:.12em;text-transform:uppercase;padding:10px 32px;font-size:.7rem;border:var(--border-dim)!important}.install-prompt-dismiss:hover{border-color:var(--border-active)!important}.update-banner{z-index:9999;background:var(--fg);color:var(--bg);text-align:center;letter-spacing:.05em;cursor:pointer;padding:10px 16px;font-size:.75rem;font-weight:400;position:fixed;top:0;left:0;right:0}@media (width<=768px){.app{grid-template-rows:auto 1fr;height:auto;min-height:100dvh;overflow:auto}.panel-player{justify-content:flex-start;padding:12px 20px}.radio-header{text-align:center}.radio-player{flex-direction:column;align-items:center;gap:16px;display:flex}.radio-player .radio-header,.radio-player .radio-art-wrap,.radio-player .radio-controls{grid-column:unset;grid-row:unset}.radio-art-wrap{width:min(100vw - 80px,220px);min-width:unset}.radio-controls{align-items:center;width:100%}.radio-share-row{width:100%}.radio-title{text-align:center}.radio-rating-row{margin-bottom:12px}.browse-controls{flex-wrap:wrap;padding:12px 16px 8px}.search-bar{min-width:100%;margin-bottom:4px}.sort-toggle{width:100%}.sort-toggle button{flex:1;justify-content:center}.scroll-wheel-item,.scroll-wheel-focus-top,.scroll-wheel-focus-bottom{left:16px;right:16px}.queue-panel{padding:8px 16px}.about-panel{padding:20px 16px}}