*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}: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{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:auto;padding:3.5rem 2rem 3rem;text-align:center;-webkit-user-select:none;user-select:none}.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}.choose-genre-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.btn-moon-playlist,.btn-sun-playlist{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .35s ease}.btn-moon-playlist.visible,.btn-sun-playlist.visible{opacity:1;pointer-events:auto}.btn-enter{height:64px;width:64px;padding:0;border-radius:32px;font-size:.75rem;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.btn-moon-playlist,.btn-sun-playlist{font-size:.65rem;letter-spacing:1px;padding:.8rem 2.5rem}.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:610px;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.3;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.about-content p{margin-bottom:.5rem;text-indent:1.5em;margin-top:2rem}.about-lead+p,.about-heading+p{text-indent:0}.about-lead{font-size:.6rem;text-indent:0em!important;color:#fff;text-align:center}.about-star{text-align:center;margin:2.5rem 0 .5rem}.about-star .star-toggle{width:24px;height:24px}body:has(#screen-reveal.active) .newsletter-footer,body:has(#screen-genre.active) .newsletter-footer,body:has(#screen-radio.active) .newsletter-footer{display:none}.newsletter-footer{position:fixed;opacity:.5;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2;padding-bottom:calc(1.5rem + 6.5px);padding-top:3rem;background:radial-gradient(ellipse 80% 50% at 50% 65%,var(--bg) 0%,var(--bg) 31%,transparent 75%)}.newsletter-portal-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:lowercase;color:var(--text-dim);opacity:.5;margin-bottom:.2rem}.newsletter-footer .newsletter-form{width:230px;max-width:calc(100% - 80px);height:1.5rem;pointer-events:auto;margin-top:0}.newsletter-form{display:flex;margin-top:1.5rem;border:1px solid var(--border);border-radius:2rem;overflow:hidden;transition:border-color .2s}.newsletter-form:focus-within{border-color:#ffffff40}.newsletter-input{flex:1;min-width:0;background:none;border:none;outline:none;font-family:var(--font-mono);font-size:.5rem;color:var(--text-dim);padding:.25rem .55rem}.newsletter-input::placeholder{color:var(--text-dim);opacity:.45}.newsletter-submit{background:none;border:none;border-left:1px solid var(--border);padding:.75rem 1.1rem;font-size:1.2rem;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;transition:color .2s;flex-shrink:0}.newsletter-submit:hover{color:var(--text-bright)}.newsletter-submit:active{transform:scale(.92)}.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!important;font-style:italic}.about-contact{font-size:.75rem;color:#fff9;text-indent:0!important}p 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}p 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;display:flex;justify-content:center;align-items:baseline}.venus-sign-label{white-space:nowrap;flex-shrink:0}#reveal-sign{padding-left:.35em;white-space:nowrap;min-width:7.5em}.your-venus{opacity:0;cursor:pointer;transition:opacity .4s ease,color .4s ease,text-shadow .4s ease}.your-venus:hover{opacity:.7!important}.your-venus.is-natal{opacity:1;text-shadow:0 0 12px currentColor,0 0 24px currentColor}.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{cursor:pointer;overflow:hidden;max-width:70%;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;margin-bottom:.75rem}.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:1rem;font-size:1.2rem;line-height:1;background:none;border:none;border-radius:2rem;padding:.3rem .65rem;color:var(--text-dim);cursor:pointer;box-shadow:inset -1px -1px 1px 1px #ffffff30,inset 0 -2px #ffffff1a,6px 6px 6px #0006;transition:color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);z-index:10}.btn-back-top:hover{color:var(--text-bright)}.btn-back-top:active{transform:translateY(2px) scale(.98);box-shadow:inset 2px 2px 3px #0009,inset -1px -1px 1px #ffffff0d,0 1px 2px #0003}#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 5%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#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:.5rem;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=electronica]{--genre-color-pop: rgba(35, 155, 175, .6)}[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=indiepop]{--genre-color-pop: rgba(170, 100, 160, .6)}[data-genre=altrock]{--genre-color-pop: rgba(155, 80, 65, .7)}[data-genre=artpop]{--genre-color-pop: rgba(232, 141, 142, .65)}[data-genre=folk]{--genre-color-pop: rgba(143, 111, 60, .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=hiphop]{--genre-color-pop: rgba(210, 130, 45, .7)}[data-genre=intercelestial]{--genre-color-pop: rgba(90, 40, 160, .75)}[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-btn[data-genre=valentine]{background:transparent!important;border:none;box-shadow:none!important;overflow:visible;position:relative;z-index:1;color:#ffdce6f2;text-shadow:0 0 8px rgba(255,0,60,.6);font-weight:600;letter-spacing:.05em;animation:gravity-pulse 4s infinite ease-in-out}.genre-btn[data-genre=valentine]:before,.genre-btn[data-genre=valentine]:after{content:"";position:absolute;top:0;bottom:0;width:60%;border-radius:100px 100px 40px 40px;background:linear-gradient(160deg,#ff3250,#78001e 60%,#140005);box-shadow:0 -2px 10px #ff325066,0 5px 20px #32000a99;z-index:-1;transition:all .3s cubic-bezier(.2,.8,.2,1)}.genre-btn[data-genre=valentine]:before{left:0;transform-origin:bottom right;transform:rotate(-10deg) translate(5px)}.genre-btn[data-genre=valentine]:after{right:0;transform-origin:bottom left;transform:rotate(10deg) translate(-5px)}.genre-btn[data-genre=valentine]:hover:before{transform:rotate(-15deg) translate(2px) scale(1.05);background:linear-gradient(160deg,#f36,#902);box-shadow:0 0 25px #ff003c99}.genre-btn[data-genre=valentine]:hover:after{transform:rotate(15deg) translate(-2px) scale(1.05);background:linear-gradient(160deg,#f36,#902);box-shadow:0 0 25px #ff003c99}@keyframes gravity-pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.genre-btn[data-genre=moon]{background:transparent!important;border:none;box-shadow:none!important;position:relative;overflow:hidden;z-index:1;color:#fffffff2;font-weight:700;letter-spacing:.05em;text-shadow:0 0 15px rgba(100,180,255,.8);border-radius:100px}.genre-btn[data-genre=moon]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;z-index:-2;background:linear-gradient(105deg,#ffffffe6,#55adfffb 40%,#3c64b4e6);box-shadow:0 0 30px #3c82f0,inset 0 0 10px #fff;transition:all .5s ease}.genre-btn[data-genre=moon]:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%;background:#000;border-radius:50%;z-index:-1;box-shadow:0 0 15px 15px #000;animation:moon-phase 11s infinite ease-in-out;transform:translate(-20%,-20%)}.genre-btn[data-genre=moon]:hover:before{filter:brightness(1.3);box-shadow:0 0 50px #64b4ffcc}.genre-btn[data-genre=moon]:hover:after{transform:translate(30%,30%) scale(.9);transition:transform .5s cubic-bezier(.2,.8,.2,1)}@keyframes moon-phase{0%{transform:translate(-20%,-100%)}50%{transform:translate(-50%,-20%)}to{transform:translate(-20%,-100%)}}.genre-btn[data-genre=sun]{background:transparent!important;border:none;box-shadow:none!important;position:relative;overflow:hidden;z-index:1;color:#fffffff2;font-weight:700;letter-spacing:.05em;text-shadow:0 0 15px rgba(255,200,60,.9);border-radius:100px}.genre-btn[data-genre=sun]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;z-index:-2;background:linear-gradient(105deg,#ffffdcf2,#ffbe32f2 45%,#f05a0ae6);box-shadow:0 0 30px #ff961e,inset 0 0 12px #ffffc8;transition:all .5s ease}.genre-btn[data-genre=sun]:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%;background:#000;border-radius:50%;z-index:-1;box-shadow:0 0 15px 15px #000;animation:sun-shadow 30s infinite ease-in-out;transform:translate(90%,-90%)}.genre-btn[data-genre=sun]:hover:before{filter:brightness(1.3);box-shadow:0 0 50px #ffa028e6}.genre-btn[data-genre=sun]:hover:after{animation-duration:14s}@keyframes sun-shadow{0%{transform:translate(90%,-90%)}40%{transform:translate(-30%,-10%)}55%{transform:translate(-40%,15%)}to{transform:translate(90%,-90%)}}.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:3.5rem;padding-bottom:1rem;margin:0 auto;overflow-x:hidden}.radio-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.btn-back{font-size:1.2rem;background:none;border:none;border-radius:2rem;padding:.25rem .65rem;color:var(--text-dim);cursor:pointer;box-shadow:inset -1px -1px 1px 1px #ffffff30,inset 0 -2px #ffffff1a,6px 6px 6px #0006;transition:color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.btn-back:hover{color:var(--text-bright)}.btn-back:active{transform:translateY(2px) scale(.98);box-shadow:inset 2px 2px 3px #0009,inset -1px -1px 1px #ffffff0d,0 1px 2px #0003}.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{width:100%;margin-bottom:1rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 86%,transparent 100%)}.np-marquee{display:inline-block;white-space:nowrap}.np-track{font-family:var(--font-mono);font-size:1rem;color:var(--text-dim);letter-spacing:.04em}@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:#0009;color:#e0e0e0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:lowercase;white-space:nowrap;padding:.5rem 1.4rem;border:none;border-radius:2rem;box-shadow:inset -1px -1px 1px 1px #ffffff30,inset 0 -2px #ffffff1a,6px 6px 6px #0006;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;cursor:pointer;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;width:100%}.track-list-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5rem;background:linear-gradient(to top,transparent 0%,var(--bg) 50%,var(--bg) 100%);pointer-events:none;z-index:1}.track-list-wrap:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2rem;background:linear-gradient(to bottom,transparent 0%,var(--bg) 80%,var(--bg) 100%);pointer-events:none;z-index:1}.track-list{border-top:1px solid var(--border);height:100%;overflow-y:auto}.track-resonance-note{padding:1.9rem .75rem .75rem;font-family:var(--font-mono);font-size:.5rem;letter-spacing:-.04em;color:#ffffff59;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.resonance-info-btn{background:none;border:none;padding:.2rem .55rem;border-radius:2rem;font-family:var(--font-mono);font-size:inherit;font-style:normal;letter-spacing:.1em;color:var(--accent);opacity:.7;cursor:pointer;box-shadow:inset -1px -1px 1px 1px #ffffff30,inset 0 -2px #ffffff1a,6px 6px 6px #0006;transition:opacity .15s ease,transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.resonance-info-btn:hover{opacity:1}.resonance-info-btn:active{transform:translateY(2px) scale(.98);box-shadow:inset 2px 2px 3px #0009,inset -1px -1px 1px #ffffff0d,0 1px 2px #0003}.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;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background .15s ease,border-color .15s ease;display:flex;justify-content:space-between;align-items:center;position:relative}.track-item:hover{color:var(--text-bright);background:#ffffff05}.track-item.is-pressing{background:#ffffff0d;color:var(--text-bright)}.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{cursor:default;pointer-events:none}.track-item.is-failed .track-name,.track-item.is-failed .track-meta{opacity:.25;text-decoration:line-through}.track-item.is-failed:hover{color:var(--text-dim)}.btn-report{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:fit-content;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;padding:.35rem 1rem;background:none;color:var(--text-dim);border:none;border-radius:2rem;box-shadow:inset -1px -1px 1px 1px #ffffff24,inset 0 -2px #ffffff12,6px 6px 6px #0000004d;cursor:pointer;touch-action:manipulation;pointer-events:auto;white-space:nowrap;text-transform:lowercase;transition:color .15s,box-shadow .15s,transform .15s;z-index:1}.btn-report:hover{color:var(--text-bright)}.btn-report:active{transform:translateY(2px) scale(.98);box-shadow:inset 2px 2px 3px #00000080,inset -1px -1px 1px #ffffff0a,0 1px 2px #0003}.track-restricted{font-size:66.66%;opacity:.6;font-style:italic}.track-thumb{display:block;width:34px;min-width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center;flex-shrink:0;margin-right:.65rem;opacity:.55;transition:opacity .15s ease}.track-thumb--missing{background:#ffffff0f;opacity:1}.track-item:hover .track-thumb,.track-item.active .track-thumb{opacity:1}.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:3rem 1rem 1rem}.radio-title{flex-wrap:wrap;gap:.25rem .5rem;min-width:0}.radio-controls{gap:.6rem;margin-bottom:.7rem}.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{position:fixed;left:50%;transform:translate(-50%);margin-top:18px;width:120%;height:363px;z-index:1;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,1)) drop-shadow(0 0 8px rgba(255,200,255,.9)) drop-shadow(0 10px 4px rgba(200,150,255,.7));will-change:filter}.hacker-glow-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(90deg,#fff0,#fff6,#ffc8ff99,#ff91ff84,#fff0);-webkit-mask:radial-gradient(farthest-side at 50% 100%,transparent calc(100% - 2px),black calc(100% - 1px));mask:radial-gradient(farthest-side at 50% 100%,transparent calc(100% - 2px),black calc(100% - 1px))}.stats-readout{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);max-width:520px;margin-left:auto;margin-right:auto}.stats-header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;font-size:.65rem;letter-spacing:.15em;opacity:.6}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px dotted rgba(255,255,255,.05);transition:color .2s}.stats-row:hover{color:var(--text-bright);background:#ffffff05}.stats-label{text-transform:lowercase;letter-spacing:.05em}.stats-value{font-weight:500;color:var(--accent);letter-spacing:.05em}.stats-footer{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);font-weight:700;color:var(--text-bright);letter-spacing:.1em;font-size:.75rem}.btn-share-mini{display:inline-flex;align-items:center;gap:5px;background:none;border:none;border-radius:2rem;color:#e0e0e0;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:lowercase;padding:.35rem 1rem;cursor:pointer;position:relative;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-share-mini:hover{color:#fff}.btn-share-mini svg{opacity:.6;transition:opacity .15s ease}.btn-share-mini:hover svg{opacity:1}.btn-share-mini:after{content:"";position:absolute;top:5px;left:7px;width:2px;height:2px;background:#39ff1400;transition:background 1.5s ease-out,box-shadow 1.5s ease-out;pointer-events:none}.btn-share-mini.is-copied:after{background:#39ff14;box-shadow:0 0 6px 1px #39ff14;transition:none}.is-pressed{transform:translateY(2px) scale(.96)!important;box-shadow:inset 2px 2px 3px #0009,inset -1px -1px 1px #ffffff0d,0 1px 2px #0003!important;transition:transform .05s ease-out!important;filter:brightness(.9)}button.is-pressed svg,.btn-shuffle.is-pressed svg{transform:scale(.9)!important;transition:transform .05s ease-out!important}.btn-moon-playlist:active:not(:disabled),.btn-sun-playlist:active:not(:disabled){transform:translate(-50%) translateY(2px) scale(.98)}.btn-moon-playlist.is-pressed,.btn-sun-playlist.is-pressed{transform:translate(-50%) translateY(2px) scale(.96)!important}.playlist-curator-credit{display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeIn .8s ease-out;position:sticky;top:0;z-index:10;width:100%;padding:6px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:6px}.curator-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d}.curator-name{font-family:var(--font-main);font-size:.75rem;color:var(--text-bright);letter-spacing:.05em;text-shadow:0 0 10px rgba(255,100,150,.4);filter:drop-shadow(0 0 6px rgba(255,255,255,1)) drop-shadow(0 0 8px rgba(255,200,255,.9)) drop-shadow(0 10px 4px rgba(200,150,255,.7))}.playlist-curator-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}.playlist-curator-credit a:hover{text-shadow:0 0 15px rgba(255,100,150,.8)}.playlist-description{font-family:var(--font-mono);font-size:.5rem;line-height:1.6;letter-spacing:-.04em;color:#ffffff47;text-align:center;max-width:80ch}.artist-index{margin-top:2rem;text-align:left}.index-sign-group{margin-bottom:.7rem;content-visibility:auto;contain-intrinsic-size:0 200px}.index-sign-heading{font-size:.85rem;letter-spacing:.1em;margin-bottom:0rem;font-weight:400}.index-sign-count{opacity:.4;font-size:.7rem;margin-left:.3em}.index-artist-list{display:block;text-align:justify;text-align-last:justify;text-justify:inter-word;text-transform:uppercase;line-height:.05}.index-artist{display:inline-block;white-space:nowrap;font-family:var(--font-mono);font-size:.5rem;color:var(--text-dim);opacity:.6;cursor:pointer;font-weight:500;transition:opacity .2s,color .2s;line-height:.85;vertical-align:middle}.index-artist:hover{opacity:1;color:var(--text-bright)}.index-artist-playing{opacity:1;color:var(--text-bright);filter:drop-shadow(0 0 6px rgba(255,255,255,1)) drop-shadow(0 0 8px rgba(255,200,255,.9)) drop-shadow(0 6px 4px rgba(200,150,255,.7))}.index-artist:after{content:" ·";opacity:.35}.index-artist:last-child:after{content:""}.portal-about,.venus-index{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}