:root{--bg:#080d1a;--surface:#0e1628;--surface-raised:#152135;--blue:#3b82f6;--blue-light:#60a5fa;--blue-dark:#1d4ed8;--cyan:#22d3ee;--cyan-soft:#67e8f9;--amber:#f59e0b;--amber-soft:#fcd34d;--text:#e2e8f4;--text-muted:#647a9e;--text-faint:#2e3d55;--border:#3b82f61f;--border-hover:#22d3ee59;--glow-blue:#3b82f638;--glow-cyan:#22d3ee2e;--glow-amber:#f59e0b4d;--font-display:"Syne", "Helvetica Neue", sans-serif;--font-body:"Literata", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--s32:128px;--r-sm:4px;--r-md:8px;--r-lg:16px;--r-xl:24px;--shadow-sm:0 1px 3px #0009, 0 0 0 1px #3b82f60d;--shadow-md:0 4px 16px #000000b3, 0 0 0 1px #3b82f614;--shadow-glow:0 0 24px var(--glow-cyan), 0 0 48px var(--glow-blue);--cursor-x:50%;--cursor-y:50%;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;min-height:100vh;font-size:1rem;line-height:1.65;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px circle at var(--cursor-x) var(--cursor-y), #3b82f612 0%, #22d3ee0a 35%, transparent 70%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}@media (pointer:coarse){body{cursor:auto}}.app-layout{flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;display:flex}main{flex:1}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{background:var(--cyan);mix-blend-mode:screen;border-radius:50%;width:8px;height:8px}.cursor-ring{mix-blend-mode:screen;border:1px solid #22d3ee66;border-radius:50%;width:36px;height:36px}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.hero{min-height:100svh;padding:clamp(var(--s12), 10vw, var(--s32)) clamp(var(--s6), 6vw, var(--s24));border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero-vinyl{aspect-ratio:1;opacity:.9;pointer-events:none;width:clamp(320px,50vw,600px);animation:40s linear infinite vinyl-spin;position:absolute;top:50%;right:-8%;transform:translateY(-50%)}@keyframes vinyl-spin{to{transform:translateY(-50%)rotate(360deg)}}.hero-glow-orb{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#22d3ee14 0%,#0000 70%);border-radius:50%;width:clamp(300px,40vw,500px);animation:6s ease-in-out infinite alternate orb-pulse;position:absolute;bottom:-20%;right:10%}@keyframes orb-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.hero-layout{gap:clamp(var(--s8), 4vw, var(--s16));z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-name-block,.hero-text-block{min-width:0}.hero-name-block{gap:var(--s4);flex-direction:column;display:flex}.hero-label{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:clamp(.7rem,1.2vw,.8rem);display:block}.hero-name{line-height:.92;font-family:var(--font-display);letter-spacing:-.02em;flex-direction:column;font-size:clamp(3rem,6vw,6.5rem);font-weight:800;display:flex}.hero-first{color:var(--text)}.hero-last{color:#0000;-webkit-text-stroke:1px #e2e8f459;padding-left:clamp(var(--s8), 3vw, var(--s16))}.hero-text-block{gap:var(--s8);z-index:1;flex-direction:column;display:flex;position:relative}.hero-tagline{font-family:var(--font-body);color:var(--text);font-size:clamp(1.5rem,2.4vw,2rem);font-style:italic;font-weight:300;line-height:1.35}.hero-intro{font-family:var(--font-body);color:var(--text-muted);max-width:38ch;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.7}.hero-count-block{align-items:baseline;gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--border);display:flex}.hero-num{font-family:var(--font-mono);color:var(--blue-light);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1}.hero-count-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.7rem;line-height:1.5}.hero-wave{pointer-events:none;z-index:1;height:50px;position:absolute;bottom:0;left:0;right:0}.hero-wave svg{width:100%;height:100%}.hero-scroll-cue{bottom:var(--s8);align-items:center;gap:var(--s2);color:var(--text-faint);z-index:2;flex-direction:column;animation:2.5s ease-in-out infinite scroll-cue-float;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes scroll-cue-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.scroll-text{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:.65rem}.scroll-arrow{color:var(--text-faint)}.mono-label{font-family:var(--font-mono)}@media (width<=767px){.hero{padding:var(--s16) var(--s6) var(--s24);min-height:100svh}.hero-layout{gap:var(--s8);grid-template-columns:1fr}.hero-vinyl{opacity:.4;width:260px;top:auto;bottom:-10%;right:-20%;transform:none}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.hero-first,.hero-last{padding-left:0}.hero-last{padding-left:clamp(0px, 5vw, var(--s8))}.hero-scroll-cue{display:none}}.yt-wrapper{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.yt-iframe{border-radius:var(--r-lg);border:none;width:100%;height:100%;position:absolute;inset:0}.yt-thumb{cursor:none;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.yt-thumb img{object-fit:cover;filter:brightness(.75)saturate(.8);width:100%;height:100%;transition:filter .3s var(--ease-out), transform .5s var(--ease-out);display:block}.yt-thumb:hover img{filter:brightness(.85)saturate();transform:scale(1.02)}.yt-play-overlay{background:#080d1a59;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.yt-thumb:hover .yt-play-overlay{background:#080d1a33}.yt-play-btn{width:64px;height:64px;transition:transform .25s var(--ease-out), filter .25s ease;filter:drop-shadow(0 0 16px #22d3ee66)}.yt-thumb:hover .yt-play-btn{filter:drop-shadow(0 0 24px #22d3eeb3);transform:scale(1.1)}@media (pointer:coarse){.yt-thumb{cursor:pointer}}.equalizer{align-items:flex-end;gap:3px;height:22px;padding:2px 0;display:flex}.eq-bar{background:var(--amber);transform-origin:bottom;width:3px;height:4px;box-shadow:0 0 6px var(--glow-amber);border-radius:2px 2px 0 0;transition:height .15s}.equalizer:not(.equalizer--playing) .eq-bar{opacity:.35;height:4px;box-shadow:none}.equalizer--playing .eq-bar{animation:eq-dance calc(.5s + var(--delay,0s) * .5) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}@keyframes eq-dance{0%{height:3px}to{height:calc(22px * var(--bar-max,1))}}.song-card{gap:clamp(var(--s8), 5vw, var(--s16));padding:clamp(var(--s8), 5vw, var(--s16)) clamp(var(--s6), 6vw, var(--s24));border-bottom:1px solid var(--border);transition:transform .25s var(--ease-out), box-shadow .3s ease, border-color .3s ease, background .3s ease;opacity:0;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden;transform:translateY(50px)}.song-card--visible{animation-name:card-enter;animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;animation-delay:var(--stagger,0s)}@keyframes card-enter{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.song-card:hover{border-color:var(--border-hover);background:#15213566}.song-card:hover:before{content:"";pointer-events:none;background:linear-gradient(135deg,#22d3ee08 0%,#0000 60%);position:absolute;inset:0}.song-card--playing{background:#15213599;border-color:#f59e0b40}.song-card--playing:after{content:"";background:linear-gradient(to bottom, transparent, var(--amber), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.song-card:nth-child(2n) .song-info{order:2}.song-card:nth-child(2n) .song-embed{order:1}.song-bg-num{top:50%;left:clamp(var(--s4), 4vw, var(--s16));font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--text-faint);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.5;font-size:clamp(6rem,16vw,14rem);font-weight:800;line-height:1;transition:opacity .3s,-webkit-text-stroke-color .3s;position:absolute;transform:translateY(-50%)}.song-card:hover .song-bg-num{opacity:.8;-webkit-text-stroke-color:#647a9e66}.song-card--playing .song-bg-num{-webkit-text-stroke-color:#f59e0b33}.song-info{z-index:1;gap:var(--s3);padding-left:clamp(0px, 2vw, var(--s8));flex-direction:column;display:flex;position:relative}.song-meta{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.song-track-num{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.06em;font-size:.72rem;font-weight:500}.song-artist{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.72rem;font-weight:400}.song-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:.95;transition:color .2s}.song-card--playing .song-title{color:var(--amber-soft)}.song-eq-row{align-items:center;gap:var(--s4);padding-top:var(--s2);display:flex}.song-now-playing{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:.65rem}.song-embed{z-index:1;position:relative}@media (width<=767px){.song-card{padding:var(--s8) var(--s6);grid-template-columns:1fr}.song-card:nth-child(2n) .song-info,.song-card:nth-child(2n) .song-embed{order:unset}.song-bg-num{left:var(--s4);font-size:clamp(4rem,20vw,7rem)}}.song-list{padding-top:clamp(var(--s12), 8vw, var(--s24))}.song-list-header{gap:var(--s3);padding:0 clamp(var(--s6), 6vw, var(--s24));padding-bottom:clamp(var(--s8), 5vw, var(--s16));border-bottom:1px solid var(--border);flex-direction:column;display:flex}.song-list-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:.7rem}.song-list-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1}.song-list-sub{font-family:var(--font-body);color:var(--text-muted);font-size:clamp(.9rem,1.5vw,1.05rem);font-style:italic}.song-list-tracks{flex-direction:column;display:flex}.footer{margin-top:clamp(var(--s12), 8vw, var(--s24));border-top:1px solid var(--border);padding:clamp(var(--s12), 8vw, var(--s24)) clamp(var(--s6), 6vw, var(--s24))}.footer-inner{gap:var(--s8);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.footer-top{justify-content:space-between;align-items:flex-start;gap:var(--s8);flex-wrap:wrap;display:flex}.footer-name-mark{align-items:center;gap:var(--s4);display:flex}.footer-initials{border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border);width:48px;height:48px;font-family:var(--font-display);color:var(--blue-light);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.footer-for{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:.65rem;line-height:1}.footer-fullname{font-family:var(--font-display);color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.1}.footer-desc{font-family:var(--font-body);color:var(--text-muted);text-align:right;max-width:34ch;font-size:.9rem;font-style:italic;line-height:1.6}.footer-divider{background:var(--border);height:1px}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.footer-copy{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;font-size:.7rem}.footer-egg-btn{border:1px solid var(--border);color:var(--text-faint);border-radius:var(--r-sm);padding:var(--s1) var(--s3);cursor:none;background:0 0;font-size:.85rem;transition:color .2s,border-color .2s}.footer-egg-btn:hover{color:var(--cyan);border-color:var(--border-hover)}.footer-egg{align-items:flex-start;gap:var(--s4);padding:var(--s6) var(--s8);border-radius:var(--r-lg);animation:egg-slide-in .4s var(--ease-out);background:#f59e0b12;border:1px solid #f59e0b33;display:flex}@keyframes egg-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.egg-icon{flex-shrink:0;font-size:1.4rem}.footer-egg p{font-family:var(--font-body);color:var(--amber-soft);flex:1;font-size:.9rem;line-height:1.6}.footer-egg em{color:var(--amber);font-style:italic}.egg-close{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;cursor:none;text-transform:uppercase;text-underline-offset:3px;background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:0;font-size:.65rem;text-decoration:underline}.egg-close:hover{color:var(--text)}@media (width<=640px){.footer-top{flex-direction:column}.footer-desc{text-align:left}}@media (pointer:coarse){.footer-egg-btn,.egg-close{cursor:pointer}}