*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0c;--bg-surface: #242424;--text: #c8c8d0;--text-dim: #c5c5c5;--text-bright: #e8e8f0;--border: #1e1e28;--accent: #888;--fire: #c0392b;--earth: #27ae60;--air: #d4ac0d;--water: #2980b9;--font-mono: "IBM Plex Mono", "Menlo", monospace;--font-serif: "Apple Garamond", "EB Garamond", serif;--font-sans: "Akzidenz-Grotesk", "Archivo", Helvetica, Arial, sans-serif;--transition: .2s ease}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:clamp(14px,3.97vw,18px);-webkit-font-smoothing:antialiased;overflow:hidden}@media(min-width:768px){html,body{font-size:2vw}}@media(min-width:1024px){html,body{font-size:1.11111111vw}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:1}.screen.active{opacity:1;pointer-events:auto}.screen-inner{width:100%;max-width:600px;margin:auto;padding:3.5rem 2rem 3rem;text-align:center}.nebula-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:opacity .6s ease}.nebula-container.is-hidden{opacity:0}.nebula-container.is-dimmed{opacity:.35}.nebula-container.is-deep-dimmed{opacity:.08}.nebula-canvas{display:block;width:100%;height:100%}.nebula-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 30%,var(--bg) 75%);pointer-events:none;transition:opacity .6s ease}.nebula-container.is-zoomed:after{opacity:0}.screen .screen-inner{position:relative;z-index:1}.title{font-family:var(--font-mono);font-size:clamp(2rem,6vw,3.5rem);font-weight:300;letter-spacing:.12em;color:var(--text-bright);margin-bottom:.5rem;text-transform:lowercase;letter-spacing:-.1em}.subtitle{font-family:var(--font-mono);font-size:66.66%;color:var(--text-dim);letter-spacing:.15em;margin-bottom:3rem}.date-input-group{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.date-fields{display:flex;align-items:center;gap:.1rem}.date-field{width:5rem;padding:.25rem 0;background:transparent;border:1px solid var(--border);border-bottom:1px solid var(--text-dim);border-top:none;border-left:none;border-right:none;color:var(--text-bright);font-family:var(--font-mono);font-size:1.4rem;text-align:center;outline:none;transition:border-color .2s}.date-field--year{width:5rem}.date-field:focus{border-bottom-color:var(--accent)}.date-field::placeholder{color:var(--text-dim);opacity:.5}.date-sep{font-family:var(--font-mono);font-size:.5rem;color:var(--text-dim)}.error-msg{font-family:var(--font-mono);font-size:.75rem;color:var(--fire);margin-top:1rem;min-height:1.2em}.btn-primary{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;padding:.75rem 2.5rem;background:none;color:#e0e0e0;border:none;border-radius:2rem;cursor:pointer;box-shadow:inset -1px -1px 1px 1px #ffffff30,inset 0 -2px #ffffff1a,0 10px 20px #0000,6px 6px 6px #0006;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);text-transform:lowercase}.btn-primary:hover:not(:disabled){color:#fff}.btn-primary:active:not(:disabled){transform:translateY(2px) scale(.98);box-shadow:inset 2px 2px 3px #0009,inset -1px -1px 1px #ffffff0d,0 1px 2px #0003}.btn-primary:disabled{opacity:.3;cursor:default}.btn-enter{width:64px;height:64px;padding:0;border-radius:50%;font-size:.75rem}.screen.is-fading .screen-inner{opacity:0;transition:opacity .8s ease}.btn-info{position:absolute;bottom:1.5rem;right:1.5rem;z-index:10;transition:color .3s,box-shadow .3s}.btn-info:hover{color:var(--accent);box-shadow:inset 0 1px 2px #00ffc826,0 0 12px #00ffc833}#screen-about{align-items:flex-start;background:#000000d1}.about-content{max-width:520px;margin:0 auto;padding:3rem 1.5rem 4rem;text-align:left;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.25rem;line-height:1.4;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.about-content p{margin-bottom:.5rem;text-indent:1.5em}.about-lead+p,.about-heading+p{text-indent:0}.about-lead{font-size:.6rem;font-style:italic;text-indent:0;color:#fff;text-align:center;margin-bottom:2rem}.about-star{text-align:center;margin:.5rem 0}.about-star .star-toggle{width:24px;height:24px}.about-heading{font-weight:400;font-size:.6rem;letter-spacing:.08em;text-transform:lowercase;color:#fff;margin-bottom:.5rem;text-align:center}.about-footnote{font-size:.8rem;opacity:.5;text-indent:0;font-style:italic}.about-contact{font-size:.75rem;color:#fff9;text-indent:0;margin-top:2rem}.about-contact a{color:#fff;text-decoration:none;background-position:0 96%;background-size:1px 1px;background-image:linear-gradient(#fff,#fff);background-repeat:repeat-x;transition:color .2s}.about-contact a:hover{color:var(--accent);background-image:linear-gradient(var(--accent),var(--accent))}@media(min-width:768px){.about-content{font-size:1.05rem}.about-lead,.about-heading{font-size:1.1rem}}@media(min-width:1024px){.about-content{font-size:1.7rem}.about-lead,.about-heading{font-size:1.5rem}}.btn-lyre{background:none;border:none;color:#fff;cursor:pointer;padding:0 .15rem;vertical-align:middle;opacity:.6;transition:opacity .2s}.btn-lyre:hover{opacity:1}.btn-lyre:active{opacity:.5}#screen-reveal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,var(--accent),transparent 50%);opacity:.06;pointer-events:none}.venus-glyph{font-size:clamp(4rem,15vw,8rem);line-height:1;margin-bottom:1rem;animation:glyph-pulse 3s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes glyph-pulse{0%,to{opacity:.7}50%{opacity:1}}.venus-sign{font-family:var(--font-mono);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:400;letter-spacing:-.1em;color:var(--text-bright);margin-bottom:.5rem;text-transform:lowercase;-webkit-user-select:none;user-select:none}.venus-detail{font-family:var(--font-mono);font-size:66.66%;color:var(--text-dim);margin-bottom:2.5rem;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.reveal-np{position:fixed;left:50%;top:49%;transform:translate(-50%);cursor:pointer;overflow:hidden;max-width:50%;color:var(--text-dim);font-family:var(--font-mono);font-size:.9rem;letter-spacing:.06em;transition:color .2s,opacity .2s;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mix-blend-mode:difference;z-index:10}.reveal-np:hover{color:var(--text-bright)}.reveal-np-marquee{display:inline-flex;gap:3em;white-space:nowrap;animation:marquee 19s linear infinite}.reveal-np-track{flex-shrink:0}.btn-back-top{position:fixed;top:1.5rem;left:1.5rem;font-size:1.2rem;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem .5rem;transition:color .2s;z-index:10}.btn-back-top:hover{color:var(--text-bright)}#screen-genre:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,var(--accent),transparent 60%);opacity:.05;pointer-events:none}.btn-now-playing{position:fixed;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:.9rem;letter-spacing:.06em;padding:.25rem 0;cursor:pointer;max-width:50%;overflow:hidden;transition:color .2s,opacity .2s;z-index:10;mix-blend-mode:difference;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.btn-now-playing:hover{color:var(--text-bright)}.btn-np-marquee{display:inline-flex;gap:3em;white-space:nowrap;animation:marquee 16s linear infinite}.btn-np-track{flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5em))}}.genre-heading{font-family:var(--font-mono);font-size:66.66%;font-weight:300;letter-spacing:.15em;color:var(--text-dim);margin-bottom:2rem;text-transform:lowercase}.genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:480px;margin:0 auto}.hyper-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;padding:0;background:transparent;position:relative;box-shadow:0 20px 30px -10px #000c,0 0 0 1px #141414,0 0 0 4px #282828,0 0 0 5px #000;background-image:linear-gradient(to top,#ffc8ff -2.9%,#007dff),radial-gradient(circle at 20% 20%,rgba(255,257,255,.01) 100%,transparent 101%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,rgba(0,0,0,.6) 60%,transparent 90%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0%,rgba(0,0,0,.9) 41%,transparent 63.5%);background-blend-mode:screen;transition:background .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .1s cubic-bezier(.4,0,.2,1)}.genre-btn:hover{background:var(--genre-color-pop, var(--accent));color:#fff;border-color:#fff3;box-shadow:0 0 24px var(--genre-color-pop, rgba(255, 255, 255, .15))}.genre-btn.is-highlighted{background:var(--genre-color-pop, var(--accent));color:#fff;border-color:#ffffff26;box-shadow:0 0 16px var(--genre-color-pop, rgba(255, 255, 255, .1))}[data-genre=ambient]{--genre-color-pop: rgba(11, 83, 119, .7)}[data-genre=techno]{--genre-color-pop: rgba(227, 106, 95, .65)}[data-genre=idm]{--genre-color-pop: rgba(213, 165, 48, .6)}[data-genre=industrial]{--genre-color-pop: rgba(21, 1, 90, .75)}[data-genre=darkwave]{--genre-color-pop: rgba(168, 100, 160, .65)}[data-genre=triphop]{--genre-color-pop: rgba(158, 138, 41, .65)}[data-genre=dnb]{--genre-color-pop: rgba(196, 117, 78, .65)}[data-genre=artpop]{--genre-color-pop: rgba(232, 141, 142, .65)}[data-genre=jazz]{--genre-color-pop: rgba(55, 109, 89, .7)}[data-genre=classical]{--genre-color-pop: rgba(61, 43, 145, .7)}[data-genre=favorites]{--genre-color-pop: rgba(192, 57, 43, .7)}.genre-cell{display:flex;flex-direction:column;gap:.5rem}.genre-cell:last-child:nth-child(odd){grid-column:1 / -1}.genre-row{display:flex;gap:.25rem}.genre-btn{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em;padding:1.5rem 2rem;color:var(--text);color:#fff;font-weight:700;letter-spacing:-.03em;border:none;cursor:pointer;width:100%;text-transform:lowercase;background-color:#000;background-image:linear-gradient(to top,#ffc8ff -2.9%,#007dff),radial-gradient(circle at 20% 20%,rgba(255,257,255,.01) 100%,transparent 101%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,rgba(0,0,0,.6) 60%,transparent 90%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0%,rgba(0,0,0,.9) 41%,transparent 63.5%);background-blend-mode:screen;transition:background .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .1s cubic-bezier(.4,0,.2,1)}.genre-row .genre-btn{flex:1;min-width:0}.subgenre-toggle{flex-shrink:0;width:1.2rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:none;padding:0;transition:color .3s ease}.subgenre-toggle svg{transition:transform .3s ease}.subgenre-toggle.is-open svg{transform:rotate(180deg)}.subgenre-toggle:hover{color:var(--text-bright)}.subgenre-chips{display:flex;flex-wrap:wrap;gap:.3rem;padding:0 .25rem;justify-content:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,margin .35s ease;margin-top:-.5rem}.subgenre-chips.is-open{max-height:12rem;opacity:1;margin-top:0}.subgenre-chip{font-size:66.66%;letter-spacing:.04em;padding:.2rem .4rem;color:var(--text-dim);background-color:#000;opacity:.65;text-transform:lowercase;white-space:nowrap;cursor:default;border:1px solid transparent;border-radius:2px;transition:border-color .15s ease,color .15s ease,opacity .15s ease,background .15s ease}.subgenre-chip:hover{border-color:var(--border);color:var(--text-bright)}.subgenre-chip.is-active{opacity:1;background:var(--accent);color:var(--bg);border-color:var(--accent);cursor:pointer}.subgenre-chip.is-active:hover{box-shadow:0 0 8px #ffffff1a}.radio-layout{max-width:700px;text-align:left;display:flex;flex-direction:column;height:100vh;height:100dvh;padding-top:1.5rem;padding-bottom:1rem;margin:0 auto;overflow-x:hidden}.radio-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.btn-back{font-size:1.2rem;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem .5rem;transition:color .2s}.btn-back:hover{color:var(--text-bright)}.radio-title{display:flex;align-items:baseline;gap:.75rem}.radio-sign-label{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);letter-spacing:.08em;text-transform:lowercase}.radio-genre-label{font-family:var(--font-mono);font-size:66.66%;color:var(--text-dim);letter-spacing:.06em}.player-container{width:100%;height:1px;overflow:hidden;border:none;margin:0;aspect-ratio:unset;opacity:0;pointer-events:none}.yt-player{width:100%;height:100%}.now-playing{margin-bottom:1rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.np-marquee{display:inline-block;white-space:nowrap;animation:bounce-scroll var(--scroll-duration, 8s) ease-in-out infinite,np-fade-in .4s ease-out;animation-play-state:var(--scroll-state, paused),running}@keyframes np-fade-in{0%{opacity:0}to{opacity:1}}.np-track{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.04em}.np-track[aria-hidden=true]{display:none}@keyframes bounce-scroll{0%,12%{transform:translate(0)}45%,55%{transform:translate(var(--scroll-distance, 0))}88%,to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.progress-container{position:relative;width:100%;margin-bottom:2rem;padding-bottom:.8rem;cursor:pointer}.progress-arc{display:block;width:100%;height:auto;overflow:visible;will-change:transform;transform:translateZ(0)}.progress-arc path{shape-rendering:geometricPrecision}.progress-arc-fill,.progress-arc-line,#progress-playhead,.progress-arc-playhead-halo{will-change:transform,opacity}.progress-arc-track{fill:url(#arc-track-grad);stroke:none}.progress-arc-track-glow{fill:none;stroke:#dcc8e10f;stroke-width:8;vector-effect:non-scaling-stroke}.progress-arc-track-line{fill:none;stroke:#dcc8e11f;stroke-width:1;vector-effect:non-scaling-stroke}.progress-arc-buffer{fill:url(#arc-buffer-grad);stroke:none;opacity:0}.progress-container.is-buffering .progress-arc-buffer{opacity:1;animation:buffer-shimmer 1.2s ease-in-out infinite}@keyframes buffer-shimmer{0%,to{opacity:.4}50%{opacity:1}}.progress-arc-fill{fill:url(#arc-fill-grad);stroke:none}.progress-arc-glow{fill:none;stroke:#f0c8ff1a;stroke-width:10;vector-effect:non-scaling-stroke}.progress-arc-line{fill:none;stroke:#f0d7f599;stroke-width:1;vector-effect:non-scaling-stroke}.progress-arc-playhead-halo{fill:#f0d7f514;stroke:none}.progress-arc-playhead{fill:#f0dcf5e6;stroke:none;animation:playhead-pulse 2.5s ease-in-out infinite}@keyframes playhead-pulse{0%,to{opacity:.7}50%{opacity:1}}#seeker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-display{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.04em;min-width:2.5em;-webkit-user-select:none;user-select:none;position:absolute;bottom:-.2rem}.time-current{left:0}.time-duration{right:0}.radio-controls{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:1.5rem;flex-wrap:nowrap}.btn-control{width:37px;height:37px;flex-shrink:0;border-radius:50%;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;color:#e0e0e0;font-size:.9rem;line-height:1;box-shadow:inset -1px -1px 1px 1px #ffffff30,inset 0 -2px #ffffff1a,0 10px 20px #0000,6px 6px 6px #0006;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.btn-control:hover{color:#fff}.btn-control:active{transform:translateY(2px) scale(.98);box-shadow:inset 2px 2px 3px #0009,inset -1px -1px 1px #ffffff0d,0 1px 2px #0003}.btn-play{width:52px;height:52px;font-size:1.1rem}.btn-play-spinner{width:1.2rem;height:1.2rem;display:block;color:var(--text-dim);animation:spin 1s linear infinite}.skeuo-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;position:relative;background:linear-gradient(to bottom,#f0f0f0,#d9d9d9);box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 5px #0000001a,0 10px 20px #00000026,0 3px 6px #0000001a;transition:transform .1s ease,background .1s ease,box-shadow .1s ease;display:flex;align-items:center;justify-content:center}.play-icon{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid #444;margin-left:4px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}.skeuo-btn:active{transform:scale(.96) translateY(2px);background:linear-gradient(to bottom,#d9d9d9,#e6e6e6);box-shadow:inset 0 3px 6px #0003,0 2px 4px #0000001a}.skeuo-btn:hover .play-icon{border-left-color:#222}.btn-shuffle{position:relative;font-size:.75rem;padding:.2rem;border-color:transparent;color:var(--text-dim)}.btn-shuffle:after{content:"";position:absolute;top:6px;left:8px;width:2px;height:2px;background:transparent;transition:background .15s}.btn-shuffle.is-active:after{background:#39ff14;box-shadow:0 0 6px 1px #39ff14}.btn-fav{font-size:.95rem;padding:.2rem;border-color:transparent;color:var(--text-dim);transition:color .2s,transform .15s}.btn-fav.is-favorited,.btn-fav:hover{color:var(--fire)}.btn-share{padding:.2rem;border-color:transparent;color:var(--text-dim);transition:color .3s}.btn-share:hover{color:var(--accent)}.btn-harp{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10;opacity:0;transition:color .3s,box-shadow .3s,opacity .8s ease;pointer-events:none}.btn-harp.is-visible{opacity:1;pointer-events:auto}.btn-harp:hover{color:#fff;box-shadow:inset 0 1px 2px #00ffc826,0 0 12px #00ffc833}.btn-harp.is-active,.btn-harp.is-active:hover{color:var(--accent)}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(1rem);background:#141419d9;border:1px solid rgba(200,200,220,.12);color:var(--text);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;padding:.5rem 1.2rem;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;z-index:100}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.unmute-overlay{position:fixed;bottom:6rem;left:50%;transform:translate(-50%) translateY(8px);background:#3a3a3cf2;color:#e5e5e7;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;padding:.6rem 1.4rem;border-radius:8px;cursor:pointer;opacity:0;transition:opacity .4s,transform .4s;z-index:100;box-shadow:0 1px #00000059}.unmute-overlay.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.track-fav{color:var(--fire);font-size:.7em;margin-right:.4em;opacity:.7}.track-fav-container{display:flex;align-items:center;overflow:hidden;width:0;opacity:0;margin-right:0;transition:width .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),margin-right .5s cubic-bezier(.4,0,.2,1)}.track-item.is-favorited .track-fav-container{width:20px;opacity:1}.track-fav-container .star-toggle{flex-shrink:0}.track-list-wrap{position:relative;flex:1;min-height:0}.track-list-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3.5rem;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none;z-index:1}.track-list{border-top:1px solid var(--border);height:100%;overflow-y:auto}.track-item{font-family:var(--font-mono);font-size:1.05rem;padding:1.5rem .5rem;color:var(--text-dim);border-bottom:1px solid var(--border);border-left:2px solid transparent;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;display:flex;justify-content:space-between;align-items:center}.track-item:hover{color:var(--text-bright);background:#ffffff05}.track-item.active{color:var(--accent);background:#ffffff08;position:relative;border-left:none}.track-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);opacity:.5}.track-item.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);opacity:.08}@keyframes border-flicker{0%{opacity:0;height:0}to{opacity:1;height:100%}}.track-item.is-failed{opacity:.25;text-decoration:line-through;cursor:default}.track-item.is-failed:hover{color:var(--text-dim)}.track-restricted{font-size:66.66%;opacity:.6;font-style:italic}.track-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:.5rem}.track-similarity{font-family:var(--font-mono);font-size:66.66%;color:var(--accent);opacity:.7;letter-spacing:.02em}.track-item.active .track-similarity{opacity:1}.track-item-sign{opacity:.7}.empty-state{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);text-align:center;padding:3rem 1rem}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}.loading-overlay:not([hidden]){opacity:1;pointer-events:auto}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-ring{width:4rem;height:4rem;color:var(--accent);animation:spin 1.5s linear infinite,ring-color 18s linear infinite}@keyframes ring-color{0%,to{color:#ad8f35e6}8.33%{color:#376d59e6}16.66%{color:#d5a530e6}25%{color:#0b5377e6}33.33%{color:#e36a5fe6}41.66%{color:#9e8a29e6}50%{color:#e88d8ee6}58.33%{color:#15015ae6}66.66%{color:#c4754ee6}75%{color:#3d2b91e6}83.33%{color:#a2c346e6}91.66%{color:#a864a0e6}}.loading-text{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);margin-top:1.5rem;letter-spacing:.08em}body.element-fire{--accent: var(--fire)}body.element-earth{--accent: var(--earth)}body.element-air{--accent: var(--air)}body.element-water{--accent: var(--water)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}@media(max-width:480px){.genre-grid{grid-template-columns:1fr}.radio-layout{padding:1.5rem 1rem 1rem}.radio-header{margin-bottom:1rem}.radio-title{flex-wrap:wrap;gap:.25rem .5rem;min-width:0}.radio-controls{gap:.6rem;margin-bottom:1.5rem}.now-playing{margin-bottom:.5rem}.track-item{font-size:.9rem}.date-field{width:3rem;font-size:1.2rem}.date-field--year{width:4.5rem}.subgenre-chips{gap:.25rem}.subgenre-chip{padding:.2rem .4rem}.reveal-np{max-width:95%}.btn-control{width:40px;height:40px}.btn-play{width:54px;height:54px;font-size:1.1rem}}.star-toggle{position:relative;display:inline-block;vertical-align:middle;width:16px;height:16px;margin:4px}.star-toggle:before,.star-toggle:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:background .3s ease,opacity .3s ease,box-shadow .3s ease,width .3s ease,height .3s ease}.star-toggle:before{width:1px;height:100%;background:linear-gradient(180deg,transparent,#adadad,transparent);opacity:.9}.star-toggle:after{width:100%;height:1px;background:linear-gradient(90deg,transparent,#adadad,transparent);opacity:.9}.star-toggle.active:before{background:linear-gradient(180deg,transparent,#fff,transparent);opacity:1;box-shadow:0 0 4px #fffc;height:120%}.star-toggle.active:after{background:linear-gradient(90deg,transparent,#fff,transparent);opacity:1;box-shadow:0 0 4px #fffc;width:120%}.star-toggle.active{animation:starPulse 2s infinite ease-in-out}@keyframes starPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.hacker-glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(220,200,225,.2) 10%,rgba(235,210,235,.45) 35%,rgba(240,215,240,.5) 50%,rgba(235,210,235,.45) 65%,rgba(220,200,225,.2) 90%,transparent 100%);box-shadow:0 0 6px 1px #e6c8f026,0 0 20px 4px #e6c8f012,0 0 50px 10px #ebd2f508}