:root{--theme-hue: 285;--theme-sat: 54%;--theme-light: 60%;--theme-secondary-hue: 175;--bg: hsl(var(--theme-hue) 18% 6%);--surface: hsl(var(--theme-hue) 12% 10% / .82);--surface-strong: hsl(var(--theme-hue) 11% 14% / .94);--text: hsl(0 0% 98%);--text-muted: hsl(0 0% 72%);--line: hsl(0 0% 100% / .12);--accent: hsl(var(--theme-hue) var(--theme-sat) var(--theme-light));--accent-soft: hsl(var(--theme-hue) var(--theme-sat) var(--theme-light) / .24);--glow: 0 20px 80px hsl(var(--theme-hue) var(--theme-sat) var(--theme-light) / .22);--ease: cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .7s ease,color .4s ease}body.drawer-open{overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}code{padding:.15em .35em;border-radius:6px;background:#ffffff14}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-shell{min-height:100vh;position:relative;overflow:clip;padding-bottom:5.5rem}.site-content{position:relative;z-index:2}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.15rem clamp(1rem,3vw,2.5rem);pointer-events:none}.brand{font-size:1.1rem;font-weight:650;letter-spacing:-.04em;pointer-events:auto}.brand span{opacity:.45}.site-header__hint{opacity:.45;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.ambient-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% -10%,hsl(var(--theme-hue),70%,25%,.23),transparent 38%),linear-gradient(135deg,hsl(var(--theme-secondary-hue),50%,18%,.06),transparent 45%);transition:background .9s ease}.ambient-background:after{content:"";position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.ambient-background__orb{position:absolute;width:50vmax;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.11;animation:drift 30s ease-in-out infinite alternate;background:radial-gradient(circle at 35% 35%,hsl(var(--theme-hue),70%,70%,.6),transparent 70%);transition:background .9s ease}.ambient-background__orb--a{top:-18vmax;left:-8vmax}.ambient-background__orb--b{right:-20vmax;top:20vmax;animation-duration:42s;animation-delay:-9s;background:radial-gradient(circle at 45% 45%,hsl(var(--theme-secondary-hue),70%,70%,.48),transparent 68%)}.ambient-background__orb--c{left:30%;bottom:-32vmax;animation-duration:50s;animation-delay:-18s}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(.96) rotate(-5deg)}to{transform:translate3d(4%,4%,0) scale(1.08) rotate(7deg)}}.eyebrow{margin:0;font-size:.7rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;opacity:.58}.primary-button,.text-button,.icon-button,.play-button{border:0;cursor:pointer}.primary-button{display:inline-flex;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-radius:999px;background:var(--text);color:#101013;font-weight:650;box-shadow:var(--glow);transition:transform .25s var(--ease),box-shadow .25s ease}.primary-button:hover{transform:translateY(-2px) scale(1.015)}.primary-button:active{transform:scale(.98)}.text-button{padding:.25rem 0;background:none;color:var(--text-muted);font-size:.78rem}.text-button:hover{color:var(--text)}.simple-page{width:min(1000px,100% - 2rem);margin:0 auto;padding:8rem 0 6rem}.simple-page h1{max-width:10ch;margin:.35rem 0 1rem;font-size:clamp(3rem,9vw,6rem);line-height:.88;letter-spacing:-.07em}.simple-page__lead{max-width:52ch;color:var(--text-muted);line-height:1.7}.about-note{margin-top:4rem;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;gap:2rem}.about-note span{opacity:.4;font-family:ui-monospace,monospace}@media(max-width:700px){.site-header__hint{display:none}}@media(min-width:1040px){.site-shell{padding-bottom:4rem}}.site-footer{position:relative;z-index:2;width:min(1440px,100% - 2rem);margin:0 auto;padding:1rem 0 8rem;border-top:1px solid var(--line);color:var(--text-muted);font-size:.7rem;letter-spacing:.03em}.site-footer span{opacity:.55}@media(max-width:800px){.site-footer{padding-bottom:9rem}}.hero{position:relative;min-height:min(900px,92vh);width:100%;margin:0 auto;padding:7.5rem clamp(1rem,5vw,5rem) 4rem;display:grid;align-items:end;border-bottom:1px solid var(--line);overflow:clip}.hero__content{position:relative;z-index:3;width:min(100%,760px)}.hero__topline{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:clamp(4rem,10vh,8rem)}.hero__status{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;opacity:.7;white-space:nowrap}.hero__status i{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent);box-shadow:0 0 1rem var(--accent);animation:status 3s ease-in-out infinite}.hero__kicker{margin:0 0 1rem;color:var(--accent);font-weight:650}.hero h1{max-width:8.5ch;margin:0;font-size:clamp(4rem,11vw,9.5rem);line-height:.82;letter-spacing:-.085em}.hero h1 em{color:#ffffff7a;font-style:normal}.hero__description{max-width:40rem;margin:2rem 0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.55;color:var(--text-muted)}.hero__art{position:absolute;z-index:1;width:min(54vw,680px);aspect-ratio:1;right:clamp(1rem,3vw,4rem);top:15%;transform:rotate(6deg);filter:drop-shadow(0 30px 120px hsl(var(--theme-hue),var(--theme-sat),var(--theme-light),.26));transition:filter .9s ease}.hero__art img{width:100%;height:100%;object-fit:cover;border-radius:32px;opacity:.72;animation:heroFloat 18s ease-in-out infinite alternate}.hero__art-ring{position:absolute;inset:-8%;border:1px solid hsla(0,0%,100%,.11);border-radius:42% 58% 55% 45%;animation:spin 28s linear infinite}.hero__glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.12}.hero__glow--one{width:40rem;height:40rem;right:2rem;top:8rem;background:hsl(var(--theme-hue),80%,70%)}.hero__glow--two{width:22rem;height:22rem;left:15%;bottom:5rem;background:hsl(var(--theme-secondary-hue),70%,72%)}@keyframes heroFloat{0%{transform:translate3d(-1%,-1%,0) scale(.98)}to{transform:translate3d(2%,2%,0) scale(1.015)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes status{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}}.collection{width:min(1440px,100% - 2rem);margin:0 auto;padding:6rem 0 9rem;position:relative;z-index:2}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:2rem}.section-heading h2{margin:.25rem 0 0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.06em}.filter-pills{display:flex;gap:.35rem;flex-wrap:wrap}.filter-pills button{border:1px solid var(--line);background:#ffffff08;color:var(--text-muted);padding:.55rem .8rem;border-radius:999px;cursor:pointer;transition:all .22s ease}.filter-pills button:hover,.filter-pills button.active{color:var(--text);background:var(--accent-soft);border-color:hsl(var(--theme-hue),var(--theme-sat),var(--theme-light),.42)}.empty-state{padding:5rem 1rem;text-align:center;border:1px dashed var(--line);border-radius:24px;color:var(--text-muted)}@media(max-width:800px){.hero{min-height:82vh;padding-top:6rem}.hero__art{width:68vw;right:-8vw;top:17%;opacity:.45}.hero__topline{margin-bottom:3rem}.section-heading{display:block}.filter-pills{margin-top:1rem}}.track-grid{display:grid;grid-template-columns:1fr;gap:.8rem}.track-card{position:relative}.track-card__surface{width:100%;display:grid;grid-template-columns:72px 1fr auto auto;gap:1rem;align-items:center;padding:1rem;text-align:left;border:1px solid var(--line);border-radius:18px;background:#ffffff06;cursor:pointer;transition:transform .22s var(--ease),border-color .22s ease,background .22s ease,box-shadow .22s ease}.track-card__surface:hover,.track-card--active .track-card__surface{transform:translateY(-3px);border-color:hsl(var(--theme-hue),var(--theme-sat),var(--theme-light),.38);background:#ffffff0b;box-shadow:0 18px 50px hsl(var(--theme-hue),40%,20%,.16)}.track-card__art-wrap{position:relative;width:72px;aspect-ratio:1;overflow:hidden;border-radius:14px}.track-card__art{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.track-card__surface:hover .track-card__art{transform:scale(1.05)}.track-card__play{position:absolute;inset:0;display:grid;place-items:center;background:#0000002e;opacity:0;transition:opacity .18s ease}.track-card__surface:hover .track-card__play{opacity:1}.track-card__meta{min-width:0;display:flex;flex-direction:column;gap:.25rem}.track-card__title{overflow-wrap:anywhere;word-break:break-word;hyphens:auto;font-weight:650}.track-card__sub,.track-card__duration{font-size:.78rem;color:var(--text-muted)}.track-card__actions{display:flex;gap:.4rem;padding:.4rem .2rem 0 5.2rem;opacity:0;max-height:0;overflow:hidden;transition:opacity .18s ease,max-height .18s ease}.track-card:hover .track-card__actions,.track-card:focus-within .track-card__actions{opacity:1;max-height:3rem}.track-card__actions button{border:0;background:none;color:var(--text-muted);font-size:.72rem;cursor:pointer;padding:.25rem .45rem}.equalizer{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;width:18px;height:16px}.equalizer i{display:block;width:3px;border-radius:3px;background:var(--accent);animation:eq .8s ease-in-out infinite}.equalizer i:nth-child(1){height:55%}.equalizer i:nth-child(2){height:95%;animation-delay:-.24s}.equalizer i:nth-child(3){height:70%;animation-delay:-.48s}@keyframes eq{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@media(min-width:700px){.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1120px){.track-card__surface{grid-template-columns:88px 1fr auto}.track-card__art-wrap{width:88px}}.mini-player{position:fixed;z-index:50;left:50%;bottom:1rem;width:min(800px,100% - 2rem);min-height:72px;transform:translate(-50%);display:grid;grid-template-columns:1fr auto;align-items:center;padding:.45rem;border:1px solid var(--line);border-radius:18px;background:hsl(var(--theme-hue),12%,9%,.88);backdrop-filter:blur(24px) saturate(1.15);box-shadow:0 20px 70px #0000004d,var(--glow)}.mini-player__surface{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.8rem;padding:.1rem;background:none;border:0;text-align:left;cursor:pointer}.mini-player__surface img,.mini-player__placeholder{width:56px;height:56px;object-fit:cover;border-radius:13px;background:hsl(var(--theme-hue),30%,22%,.65)}.mini-player__meta{min-width:0;display:flex;flex-direction:column;gap:.2rem}.mini-player__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player__meta small{color:var(--text-muted)}.mini-player__progress{position:absolute;left:16px;right:16px;bottom:3px;height:2px;overflow:hidden;border-radius:99px;background:#ffffff17}.mini-player__progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .12s linear}.play-button{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background:var(--text);color:#111;font-weight:700;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s ease;box-shadow:0 8px 25px hsl(var(--theme-hue),60%,60%,.2)}.play-button:hover{transform:scale(1.06);box-shadow:0 12px 34px hsl(var(--theme-hue),60%,60%,.35)}.play-button--small{width:46px;height:46px;margin-right:.3rem}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff0d;cursor:pointer}.icon-button:hover{background:#ffffff1a}.player-drawer{position:fixed;z-index:100;inset:0;display:grid;align-items:end;background:#0000009e;backdrop-filter:blur(14px)}.player-drawer__panel{width:min(1180px,100% - 1rem);height:min(800px,100dvh - 1rem);max-height:calc(100dvh - 1rem);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0;background:hsl(var(--theme-hue),10%,8%,.96);box-shadow:0 -30px 120px hsl(var(--theme-hue),60%,35%,.22);transition:transform .12s linear}.player-drawer__handle{display:block;width:48px;height:5px;margin:.8rem auto;border:0;border-radius:99px;background:#ffffff38;cursor:grab}.player-drawer__desktop{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);height:calc(100% - 2.1rem);min-height:0}.now-playing{min-width:0;min-height:0;height:100%;padding:.25rem clamp(1.2rem,3vw,3rem) 1.5rem;display:flex;flex-direction:column;overflow:hidden}.now-playing__header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center}.now-playing__art-wrap{flex:1 1 auto;min-height:0;width:min(32vw,520px);max-width:100%;max-height:43vh;aspect-ratio:1;margin:clamp(1rem,2.5vh,2rem) auto 1rem}.now-playing__art{width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 30px 100px hsl(var(--theme-hue),70%,50%,.23)}.now-playing__meta{flex:0 0 auto;text-align:center;min-width:0}.now-playing__meta h1{margin:.35rem auto 0;max-width:18ch;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;font-size:clamp(2rem,3.4vw,3.4rem);line-height:.95;letter-spacing:-.06em}.player-controls{flex:0 0 auto;margin-top:auto;padding-top:1rem}.player-controls__times{display:grid;grid-template-columns:42px 1fr 42px;gap:.7rem;align-items:center;font-size:.7rem;opacity:.65}.range{width:100%;accent-color:var(--accent);cursor:pointer}.player-controls__main{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin:.85rem 0}.player-controls__secondary{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem}.player-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:34px;padding:.45rem .7rem;border:1px solid transparent;border-radius:999px;background:#ffffff09;color:var(--text-muted);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.player-toggle:hover{color:var(--text);background:#ffffff12}.player-toggle.is-active{color:var(--text);background:var(--accent-soft);border-color:hsl(var(--theme-hue),var(--theme-sat),var(--theme-light),.45);box-shadow:0 0 0 1px hsl(var(--theme-hue),70%,70%,.05),0 8px 24px hsl(var(--theme-hue),50%,40%,.12)}.player-toggle__icon{font-size:.95rem;opacity:.7}.player-toggle.is-active .player-toggle__icon{opacity:1}.player-toggle__state{padding:.12rem .35rem;border-radius:99px;background:#ffffff12;font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.player-toggle.is-active .player-toggle__state{background:#ffffff1a;color:var(--accent)}.volume-control{width:100px;display:inline-flex;align-items:center}.queue-panel{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem;background:#ffffff06;border-left:1px solid var(--line)}.queue-panel__header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.queue-panel h2{margin:.25rem 0 0;font-size:1.6rem;letter-spacing:-.05em}.queue-list{min-height:0;overflow-y:auto;list-style:none;padding:1rem .2rem 1rem 0;margin:0;display:flex;flex-direction:column;gap:.45rem;overscroll-behavior:contain;scrollbar-gutter:stable}.queue-list__item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.25rem;border:1px solid transparent;border-radius:16px;transition:background .18s ease,border-color .18s ease,opacity .18s ease}.queue-list__item:hover{background:#ffffff06;border-color:#ffffff0d}.queue-list__item--dragging{opacity:.42}.queue-list__drag-pad{width:30px;min-height:54px;display:grid;place-content:center;gap:3px;border-radius:10px;color:#ffffff47;cursor:grab;user-select:none;touch-action:none}.queue-list__drag-pad i{width:12px;height:2px;border-radius:99px;background:currentColor}.queue-list__item:hover .queue-list__drag-pad{color:#ffffff8c}.queue-list__track{width:100%;min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.8rem;border:0;padding:.45rem;border-radius:14px;background:transparent;cursor:pointer;text-align:left}.queue-list__track:hover{background:#ffffff0d}.queue-list__track img{width:52px;height:52px;object-fit:cover;border-radius:12px}.queue-list__copy{min-width:0;display:flex;flex-direction:column;gap:.2rem}.queue-list__track strong,.queue-list__track small{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.queue-list__track strong{line-height:1.15}.queue-list__track small{color:var(--text-muted)}.queue-list__index{color:#ffffff59;font-family:ui-monospace,monospace;font-size:.7rem}.queue-list__actions{display:flex;align-items:center;gap:.12rem;padding-right:.2rem}.queue-list__arrow,.queue-list__remove{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#fff6;cursor:pointer}.queue-list__arrow:hover:not(:disabled),.queue-list__remove:hover{color:var(--text);background:#ffffff12}.queue-list__arrow:disabled{opacity:.2;cursor:not-allowed}.queue-panel__empty{flex:1;min-height:280px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--text-muted)}.queue-panel__orb{width:84px;height:84px;margin-bottom:1rem;border-radius:42% 58% 55% 45%;background:radial-gradient(circle at 30% 30%,hsl(var(--theme-hue),75%,75%,.8),transparent 65%),hsl(var(--theme-hue),30%,18%);box-shadow:var(--glow);animation:spin 20s linear infinite}.drawer-enter-active,.drawer-leave-active{transition:opacity .28s ease}.drawer-enter-from,.drawer-leave-to{opacity:0}@media(max-width:800px){.mini-player{bottom:4.6rem}.player-drawer__panel{width:100%;height:auto;max-height:86dvh;overflow-y:auto;border-radius:28px 28px 0 0}.player-drawer__desktop{display:block;height:auto}.now-playing{min-height:76dvh;height:auto;overflow:visible;padding-bottom:1.5rem}.now-playing__art-wrap{width:min(78vw,440px);max-height:none;margin-top:1rem}.queue-panel{height:auto;max-height:50vh;overflow:hidden;border-left:0;border-top:1px solid var(--line);min-height:360px}.queue-list{overflow-y:auto}}.bottom-nav{position:fixed;z-index:55;left:1rem;bottom:1rem;display:flex;gap:.2rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:hsl(var(--theme-hue),10%,8%,.76);backdrop-filter:blur(18px)}.bottom-nav__item{position:relative;display:flex;align-items:center;gap:.42rem;padding:.55rem .75rem;border-radius:999px;font-size:.74rem;color:var(--text-muted)}.bottom-nav__item span:first-child{font-size:1rem}.bottom-nav__item.router-link-active{color:var(--text);background:#ffffff0f}.bottom-nav__item.router-link-active:after{content:"";position:absolute;left:50%;bottom:.12rem;width:12px;height:2px;border-radius:99px;background:var(--accent);transform:translate(-50%);box-shadow:0 0 12px var(--accent)}@media(max-width:800px){.bottom-nav{left:0;right:0;bottom:0;width:100%;justify-content:space-around;transform:none;border:0;border-radius:0;padding:.25rem .5rem .35rem}.bottom-nav__item{flex:1;justify-content:center;flex-direction:column;gap:.12rem}}