@import "https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@400,500,700,900&display=swap";:root{--bg-0:#07080b;--bg-1:#0b0d11;--bg-2:#111419;--bg-3:#171b22;--panel:#ffffff09;--panel-strong:#ffffff0f;--stroke:#ffffff14;--stroke-soft:#ffffff0d;--text:#eceef2;--text-dim:#9aa0ad;--text-faint:#5b616e;--accent:#cdff50;--accent-2:#a6e635;--accent-glow:#cdff5059;--on-accent:#0a0d05;--radius:16px;--radius-sm:10px;--shadow-lift:0 18px 50px -12px #000000bf;--font-display:"Clash Display", sans-serif;--font-body:"Satoshi", sans-serif;--bar-h:92px;--sidebar-w:264px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14 padding-box content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff29 padding-box content-box}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eq{0%,to{height:25%}50%{height:100%}}.app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr var(--bar-h);background:radial-gradient(140% 80% at 80% -10%, #15202099 0%, transparent 55%), radial-gradient(120% 70% at 0% 0%, #1a1a2e55 0%, transparent 50%), var(--bg-0);grid-template-areas:"sidebar main""player player";gap:10px;height:100vh;padding:10px;display:grid}.sidebar{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--stroke-soft);border-radius:var(--radius);flex-direction:column;grid-area:sidebar;gap:22px;padding:22px 16px 16px;display:flex;overflow:hidden}.brand{align-items:center;gap:10px;padding:0 8px;display:flex}.brand__mark{color:var(--accent);letter-spacing:-4px;text-shadow:0 0 18px var(--accent-glow);font-size:20px}.brand__name{font-family:var(--font-display);letter-spacing:.22em;margin-left:4px;font-size:19px;font-weight:600}.nav{flex-direction:column;gap:2px;display:flex}.nav__item{color:var(--text-dim);border-radius:11px;align-items:center;gap:14px;padding:11px 14px;font-size:14.5px;font-weight:600;transition:color .18s,background .18s;display:flex}.nav__item:hover{color:var(--text);background:var(--panel)}.nav__item.is-active{color:var(--text);background:var(--panel-strong);box-shadow:inset 2px 0 0 var(--accent)}.sources{background:var(--bg-1);border:1px solid var(--stroke-soft);border-radius:13px;flex-direction:column;gap:3px;padding:14px 12px;display:flex}.sources__head{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:0 4px 8px;font-size:11px;font-weight:700}.source{color:var(--text-dim);align-items:center;gap:10px;padding:7px 4px;font-size:13.5px;display:flex}.source__dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.source__icon{filter:drop-shadow(0 0 8px);place-items:center;width:20px;display:grid}.source__name{flex:1;font-weight:500}.source__badge{letter-spacing:.04em;background:var(--panel);color:var(--text-faint);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.source__badge.is-ready{background:var(--accent-glow);color:var(--accent)}.lib{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.lib__head{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:flex}.lib__add{width:26px;height:26px;color:var(--text-dim);border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.lib__add:hover{background:var(--panel);color:var(--text)}.lib__scroll{flex-direction:column;gap:1px;display:flex;overflow-y:auto}.lib__row{color:var(--text-dim);text-align:left;border-radius:9px;align-items:center;gap:12px;padding:9px 10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.lib__row:hover{background:var(--panel);color:var(--text)}.lib__row.is-active{color:var(--text);background:var(--panel)}.lib__row-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lib__count{color:var(--text-faint);font-size:12px}.lib__icon{background:var(--panel);width:30px;height:30px;color:var(--text-dim);border-radius:7px;place-items:center;display:grid}.lib__icon--liked{color:#fff;background:linear-gradient(135deg,#ff5c8d,#b46bff)}.import-btn{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 24px -8px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .2s,filter .15s;display:flex}.import-btn:hover{filter:brightness(1.07);box-shadow:0 10px 30px -6px var(--accent-glow)}.import-btn:active{transform:scale(.98)}.import-btn:disabled{opacity:.7;cursor:progress}.main{background:radial-gradient(120% 60% at 100% 0%, #1b2430 0%, transparent 55%), linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--stroke-soft);border-radius:var(--radius);grid-area:main;position:relative;overflow:hidden}.main__scroll{height:100%;overflow-y:auto}.view{max-width:1180px;margin:0 auto;padding:36px 40px 48px}.view>section{margin-top:40px}.view__hero{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.view__eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-size:12.5px;font-weight:700;display:inline-flex}.view__title{max-width:14ch;font-size:42px;font-weight:600;line-height:1.04}.play-all{background:var(--accent);color:var(--on-accent);white-space:nowrap;box-shadow:0 10px 30px -10px var(--accent-glow);border-radius:999px;align-items:center;gap:10px;padding:13px 24px;font-size:14.5px;font-weight:700;transition:transform .12s,filter .15s;display:inline-flex}.play-all:hover{filter:brightness(1.07)}.play-all:active{transform:scale(.97)}.section-title{margin-bottom:18px;font-size:22px;font-weight:600}.cards{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;display:grid}.card{text-align:left;background:var(--panel);border:1px solid #0000;border-radius:16px;flex-direction:column;gap:4px;padding:14px;transition:background .2s,border-color .2s,transform .2s;display:flex}.card:hover{background:var(--panel-strong);border-color:var(--stroke);transform:translateY(-3px)}.card__art{margin-bottom:12px;position:relative}.card__cover{aspect-ratio:1;width:100%;box-shadow:var(--shadow-lift)}.card__play{background:var(--accent);width:46px;height:46px;color:var(--on-accent);opacity:0;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px);box-shadow:0 10px 24px -6px #0009}.card:hover .card__play{opacity:1;transform:translateY(0)}.card__title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.card__sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tracklist{flex-direction:column;display:flex}.tracklist__head,.row{grid-template-columns:36px 42px 1fr 110px 40px 56px;align-items:center;gap:16px;display:grid}.tracklist__head{border-bottom:1px solid var(--stroke-soft);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding:0 14px 10px;font-size:12px;font-weight:600}.th-index{text-align:center}.th-time{justify-content:flex-end;display:flex}.th-source{text-align:left}.row{color:var(--text-dim);cursor:default;border-radius:10px;padding:8px 14px;transition:background .14s}.row:hover{background:var(--panel)}.row.is-current{background:var(--panel-strong)}.row.is-current .row__title{color:var(--accent)}.row__index{place-items:center;height:100%;display:grid;position:relative}.row__num{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:14px}.row:hover .row__num{opacity:0}.row__play{color:var(--text);opacity:0;place-items:center;display:grid;position:absolute;inset:0}.row:hover .row__play{opacity:1}.row.is-current .row__num{opacity:0}.row__cover{object-fit:cover}.row__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.row__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.row__artist{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.row__source{color:var(--text-faint);background:var(--panel);border-radius:999px;justify-self:start;padding:4px 10px;font-size:11.5px;font-weight:600}.row__like{color:var(--text-faint);opacity:0;justify-self:center;transition:opacity .15s,color .15s,transform .15s}.row:hover .row__like{opacity:1}.row__like:hover{color:var(--text);transform:scale(1.15)}.row__like.is-liked{opacity:1;color:#ff5c8d}.row__time{text-align:right;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:13.5px}.eq{align-items:flex-end;gap:2px;height:15px;display:flex}.eq span{background:var(--accent);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq}.eq span:first-child{animation-delay:-.2s}.eq span:nth-child(2){animation-delay:-.5s}.eq span:nth-child(3){animation-delay:-.1s}.eq span:nth-child(4){animation-delay:-.4s}.row:hover .eq{display:none}.cover{color:#ffffffb3;object-fit:cover;flex-shrink:0;place-items:center;display:grid}.cover--gen{box-shadow:inset 0 0 0 1px #ffffff0f}.empty{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:60px;padding:60px 20px;display:flex}.empty__art{background:linear-gradient(140deg, var(--bg-3), var(--bg-1));border:1px solid var(--stroke);width:96px;height:96px;color:var(--accent);box-shadow:0 0 60px -20px var(--accent-glow), var(--shadow-lift);border-radius:28px;place-items:center;margin-bottom:8px;display:grid}.empty h2{font-size:26px}.empty p{color:var(--text-dim);max-width:42ch;line-height:1.5}.empty__cta{background:var(--accent);color:var(--on-accent);border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:13px 26px;font-weight:700;transition:transform .12s,filter .15s;display:inline-flex}.empty__cta:hover{filter:brightness(1.07)}.empty__cta:active{transform:scale(.97)}.search-box{background:var(--bg-1);border:1px solid var(--stroke);color:var(--text-dim);border-radius:14px;align-items:center;gap:14px;margin-bottom:8px;padding:16px 22px;display:flex}.search-box:focus-within{border-color:var(--accent);color:var(--accent)}.search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:17px;font-weight:500}.search-box input::placeholder{color:var(--text-faint)}.src-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.src-tile{background:var(--bg-1);border:1px solid var(--stroke);border-radius:16px;flex-direction:column;justify-content:flex-end;gap:4px;height:150px;padding:22px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.src-tile:after{content:"";background:radial-gradient(circle, var(--c), transparent 65%);opacity:.16;pointer-events:none;width:70%;height:130%;position:absolute;top:-40%;right:-20%}.src-tile:hover{border-color:color-mix(in srgb, var(--c) 45%, transparent);transform:translateY(-3px)}.src-tile__brand{filter:drop-shadow(0 0 14px var(--c));position:absolute;top:20px;left:22px}.src-tile__name{font-family:var(--font-display);font-size:20px;font-weight:600;position:relative}.src-tile__note{color:var(--text-dim);font-size:12.5px;position:relative}.muted-note{color:var(--text-dim);margin-top:22px;font-size:15px}.liked-hero{align-items:flex-end;gap:24px;margin-bottom:8px;display:flex}.liked-hero__art{color:#fff;width:150px;height:150px;box-shadow:var(--shadow-lift), 0 0 60px -20px #ff5c8d99;background:linear-gradient(140deg,#ff5c8d,#b46bff 70%);border-radius:18px;place-items:center;font-size:64px;display:grid}.liked-hero .play-all{margin-left:auto}.player{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--stroke-soft);border-radius:var(--radius);grid-area:player;grid-template-columns:minmax(220px,1fr) minmax(420px,2fr) minmax(180px,1fr);align-items:center;gap:20px;padding:0 22px;display:grid;position:relative;overflow:hidden}.player__glow{pointer-events:none;opacity:.8;width:360px;height:100%;position:absolute;top:0;left:0}.player__now{align-items:center;gap:14px;min-width:0;display:flex;position:relative}.player__cover-btn{border-radius:10px;flex-shrink:0;line-height:0;position:relative;overflow:hidden}.player__cover-expand{color:#fff;opacity:0;background:#00000080;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.player__cover-btn:hover .player__cover-expand{opacity:1}.player__meta{flex-direction:column;gap:3px;min-width:0;display:flex}.player__title{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.player__artist{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.player__like{color:var(--text-faint);margin-left:4px;transition:color .15s,transform .15s}.player__like:hover{color:var(--text);transform:scale(1.12)}.player__like.is-liked{color:#ff5c8d}.player__empty{color:var(--text-faint);font-size:14px}.player__center{flex-direction:column;align-items:center;gap:9px;display:flex}.controls{align-items:center;gap:8px;display:flex}.ctrl{width:38px;height:38px;color:var(--text-dim);border-radius:50%;place-items:center;transition:color .15s,background .15s,transform .12s;display:grid}.ctrl:hover{color:var(--text)}.ctrl:active{transform:scale(.92)}.ctrl.is-on{color:var(--accent)}.ctrl.is-on:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;transform:translateY(13px)}.ctrl--main{background:var(--text);width:46px;height:46px;color:var(--bg-0)}.ctrl--main:hover{background:#fff;transform:scale(1.05)}.ctrl--main:disabled{opacity:.4;cursor:not-allowed;transform:none}.ctrl--main:disabled:hover{background:var(--text)}.seek{align-items:center;gap:12px;width:100%;display:flex}.seek__time{color:var(--text-faint);font-variant-numeric:tabular-nums;min-width:38px;font-size:11.5px}.seek__time:last-child{text-align:left}.seek__time:first-child{text-align:right}.player__right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.ctrl--vol{width:34px;height:34px}.bar{cursor:pointer;touch-action:none;background:#ffffff1f;border-radius:999px;height:5px;position:relative}.bar--seek{flex:1}.bar--vol{width:96px}.bar__fill{background:var(--text);border-radius:999px;height:100%;position:relative}.bar:hover .bar__fill{background:var(--accent)}.bar__knob{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 2px 6px #00000080}.bar:hover .bar__knob{transform:translateY(-50%)scale(1)}.spin{animation:.9s linear infinite spin}@media (width<=980px){.app{grid-template-columns:76px 1fr}.brand__name,.nav__item span,.sources,.lib__head span:first-child,.lib__row-text,.lib__count,.import-btn{display:none}.nav__item,.import-btn{justify-content:center}.player{grid-template-columns:1fr auto 1fr}}.fs{z-index:1000;flex-direction:column;animation:.32s cubic-bezier(.22,1,.36,1) fsIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fsIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fs__backdrop{filter:blur(70px)saturate(1.5)brightness(.7);z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:-8%;transform:scale(1.1)}.fs__scrim{background:linear-gradient(180deg, #07080b8c, #07080bd1 55%, var(--bg-0));z-index:-1;position:absolute;inset:0}.fs__top{grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 28px;display:grid}.fs__close{background:var(--panel);width:42px;height:42px;color:var(--text);border-radius:50%;justify-self:start;place-items:center;transition:background .15s,transform .12s;display:grid}.fs__close:hover{background:var(--panel-strong)}.fs__close:active{transform:scale(.92)}.fs__source{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:700}.fs__body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;min-height:0;padding:10px 6vw 6vh;display:grid}.fs__left{flex-direction:column;gap:26px;width:100%;max-width:460px;margin:0 auto;display:flex}.fs__cover{aspect-ratio:1;border-radius:20px;align-self:center;width:100%;max-width:420px}.fs__cover-img{object-fit:cover;width:100%;height:100%}.fs__info{align-items:center;gap:16px;display:flex}.fs__titles{flex:1;min-width:0}.fs__title{text-overflow:ellipsis;white-space:nowrap;font-size:34px;font-weight:600;line-height:1.08;overflow:hidden}.fs__artist{color:var(--text-dim);margin-top:6px;font-size:17px}.fs__like{color:var(--text-dim);transition:color .15s,transform .15s}.fs__like:hover{color:var(--text);transform:scale(1.12)}.fs__like.is-liked{color:#ff5c8d}.fs__seek{align-items:center;gap:14px;display:flex}.fs__seek span{color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:40px;font-size:12.5px}.fs__seek span:last-child{text-align:right}.bar--fs{flex:1;height:6px}.fs__controls{justify-content:center;align-items:center;gap:18px;display:flex}.fs__main{width:64px;height:64px}.fs__main:hover{transform:scale(1.06)}.fs__vol{color:var(--text-dim);justify-content:center;align-items:center;gap:12px;display:flex}.fs__lyrics{align-items:center;height:100%;min-height:0;max-height:64vh;display:flex}.fs__lyrics-state{color:var(--text-dim);align-items:center;gap:10px;margin:auto;font-size:17px;display:flex}.fs__lyrics-scroll{scrollbar-width:none;height:100%;padding:40vh 10px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.fs__lyrics-scroll::-webkit-scrollbar{width:0}.lyric{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-faint);transform-origin:0;padding:7px 0;font-size:27px;font-weight:600;line-height:1.32;transition:color .3s,opacity .3s,transform .3s,filter .3s}.lyric.is-synced{cursor:pointer;filter:blur(.6px);opacity:.55}.lyric.is-synced:hover{color:var(--text-dim)}.lyric.is-past{color:var(--text-faint);opacity:.4;filter:blur(.4px)}.lyric.is-active{color:var(--text);opacity:1;filter:none;text-shadow:0 0 32px var(--accent-glow);transform:scale(1.04)}.lyric:not(.is-synced){color:var(--text-dim);opacity:.9;cursor:default}@media (width<=880px){.fs__body{grid-template-columns:1fr;gap:20px;padding:10px 6vw 4vh}.fs__lyrics{display:none}}.wave-card{background:linear-gradient(110deg, #16140a, #0c1b10 55%, var(--bg-2));border:1px solid var(--stroke);text-align:left;border-radius:20px;align-items:center;gap:22px;width:100%;padding:26px 30px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.wave-card:hover{border-color:#cdff504d;transform:translateY(-2px)}.wave-card__orb{background:radial-gradient(circle at 35% 30%, var(--accent), var(--accent-2) 50%, #1a3a1f);width:76px;height:76px;box-shadow:0 0 50px -6px var(--accent-glow);color:var(--on-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.wave-card__orb:after{content:"";border:2px solid var(--accent-glow);border-radius:50%;animation:2.4s ease-out infinite pulse;position:absolute;inset:-6px}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.wave-card__text h3{margin-bottom:4px;font-size:24px}.wave-card__text p{color:var(--text-dim);font-size:14px}.wave-card__bars{opacity:.5;align-items:flex-end;gap:4px;height:46px;display:flex;position:absolute;bottom:0;right:30px}.wave-card__bars span{background:var(--accent);border-radius:3px 3px 0 0;width:5px;animation:1.1s ease-in-out infinite eq}.wave-card__bars span:nth-child(odd){animation-delay:-.4s}.wave-card__bars span:nth-child(3n){animation-delay:-.7s}.settings-btn{color:var(--text-dim);border-radius:11px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.settings-btn:hover{background:var(--panel);color:var(--text)}.ctx{z-index:1200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--stroke);min-width:216px;box-shadow:var(--shadow-lift);background:#14171df5;border-radius:12px;padding:6px;animation:.12s ctxIn;position:fixed}@keyframes ctxIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.ctx__item{width:100%;color:var(--text);text-align:left;white-space:nowrap;border-radius:8px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;transition:background .12s;display:flex}.ctx__item:hover{background:var(--panel-strong)}.ctx__item--name{color:var(--text-dim);padding-left:11px}.ctx__item--name:hover{color:var(--text)}.ctx-heart{color:#ff5c8d}.ctx__chev{color:var(--text-faint);margin-left:auto}.ctx__divider{background:var(--stroke-soft);height:1px;margin:5px 4px}.ctx__has-sub{position:relative}.ctx__submenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--stroke);min-width:200px;max-height:320px;box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;background:#14171dfa;border-radius:12px;padding:6px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:-6px;left:calc(100% + 4px);overflow-y:auto;transform:translate(-6px)}.ctx__has-sub:hover .ctx__submenu{opacity:1;visibility:visible;transform:none}.modal-overlay{z-index:1300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0506099e;place-items:center;animation:.16s ctxIn;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--bg-3), var(--bg-2));border:1px solid var(--stroke);width:min(440px,92vw);box-shadow:var(--shadow-lift);border-radius:18px;padding:22px}.modal--wide{width:min(540px,94vw)}.modal__head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal__head h3{align-items:center;gap:9px;font-size:21px;display:flex}.modal__close{width:34px;height:34px;color:var(--text-dim);border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}.modal__close:hover{background:var(--panel);color:var(--text)}.modal__input{background:var(--bg-0);border:1px solid var(--stroke);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .15s}.modal__input:focus{border-color:var(--accent)}.modal__input::placeholder{color:var(--text-faint)}.modal__hint{color:var(--text-dim);margin-top:10px;font-size:13px}.modal__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.btn-ghost{background:var(--panel);color:var(--text);border-radius:10px;align-items:center;gap:7px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-ghost:hover{background:var(--panel-strong)}.btn-accent{background:var(--accent);color:var(--on-accent);border-radius:10px;padding:11px 22px;font-size:14px;font-weight:700;transition:filter .15s,transform .12s}.btn-accent:hover{filter:brightness(1.07)}.btn-accent:active{transform:scale(.97)}.btn-danger{color:#ff6b6b;background:#ff5c5c1f;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#ff5c5c33}.set-block{margin-top:18px}.set-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:2px solid #0000;border-radius:11px;width:38px;height:38px;transition:transform .12s,border-color .12s;position:relative}.swatch:hover{transform:scale(1.08)}.swatch.is-on{box-shadow:0 0 0 2px var(--bg-2), 0 6px 16px -4px currentColor;border-color:#fff}.set-row{border-top:1px solid var(--stroke-soft);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.set-row:first-of-type{border-top:none}.set-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.set-sub{color:var(--text-dim);margin-top:3px;font-size:13px}.set-foot{color:var(--text-faint);text-align:center;margin-top:20px;font-size:12.5px}.toggle{background:var(--panel-strong);border-radius:99px;flex-shrink:0;width:46px;height:27px;transition:background .18s;position:relative}.toggle span{background:var(--text-dim);border-radius:50%;width:21px;height:21px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.toggle.is-on{background:var(--accent)}.toggle.is-on span{background:var(--on-accent);transform:translate(19px)}.hero-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-danger{background:var(--panel);width:46px;height:46px;color:var(--text-dim);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.icon-danger:hover{color:#ff6b6b;background:#ff5c5c29}.liked-hero__art--pl{color:var(--accent);box-shadow:var(--shadow-lift);background:linear-gradient(140deg,#2a2417,#15110a 70%)}.account--guest{background:var(--panel);border:1px solid var(--stroke);color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:11px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.account--guest:hover{background:var(--panel-strong);border-color:var(--accent)}.account{background:var(--panel);border:1px solid var(--stroke-soft);border-radius:12px;align-items:center;gap:11px;padding:9px 11px;display:flex}.account__avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:34px;height:34px;color:var(--on-accent);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.account__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account__name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.account__status{color:var(--text-dim);align-items:center;gap:5px;font-size:11px;display:flex}.account__logout{width:30px;height:30px;color:var(--text-faint);border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.account__logout:hover{background:var(--panel-strong);color:#ff6b6b}.auth{background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), linear-gradient(180deg, var(--bg-3), var(--bg-1));border:1px solid var(--stroke);width:min(420px,94vw);box-shadow:var(--shadow-lift);border-radius:22px;padding:34px 32px 30px;animation:.18s ctxIn;position:relative}.auth__close{position:absolute;top:16px;right:16px}.auth__brand{justify-content:center;align-items:center;gap:10px;display:flex}.auth__brand .brand__mark{font-size:22px}.auth__brand .brand__name{font-size:21px}.auth__sub{text-align:center;color:var(--text-dim);margin-top:10px;font-size:14.5px}.auth__tabs{background:var(--bg-0);border:1px solid var(--stroke-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 20px;padding:4px;display:grid}.auth__tabs button{color:var(--text-dim);border-radius:9px;padding:10px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.auth__tabs button.is-on{background:var(--panel-strong);color:var(--text)}.auth__form{flex-direction:column;gap:12px;display:flex}.field{background:var(--bg-0);border:1px solid var(--stroke);color:var(--text-faint);border-radius:12px;align-items:center;gap:11px;padding:0 14px;transition:border-color .15s,color .15s;display:flex}.field:focus-within{border-color:var(--accent);color:var(--accent)}.field input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:15px}.field input::placeholder{color:var(--text-faint)}.auth__error{color:#ff8080;background:#ff5c5c1f;border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:500}.auth__submit{background:var(--accent);color:var(--on-accent);border-radius:12px;justify-content:center;align-items:center;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:filter .15s,transform .12s;display:flex}.auth__submit:hover{filter:brightness(1.07)}.auth__submit:active{transform:scale(.98)}.auth__submit:disabled{opacity:.7;cursor:progress}.auth__or{color:var(--text-faint);align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.auth__or:before,.auth__or:after{content:"";background:var(--stroke-soft);flex:1;height:1px}.auth__discord{color:#fff;opacity:.55;cursor:not-allowed;background:#5865f2;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:14.5px;font-weight:600;display:flex;position:relative}.auth__soon{text-transform:uppercase;letter-spacing:.06em;background:#fff3;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;right:14px}.back-btn{background:var(--panel);color:var(--text-dim);border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:8px 14px 8px 10px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.back-btn:hover{background:var(--panel-strong);color:var(--text)}.artist-hero{align-items:flex-end;gap:26px;margin-bottom:10px;display:flex}.artist-hero__avatar{width:156px;height:156px;font-family:var(--font-display);color:#fff;box-shadow:var(--shadow-lift);border:1px solid var(--stroke);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;place-items:center;font-size:60px;font-weight:700;display:grid}.artist-hero__info{flex:1;min-width:0}.artist-hero .play-all{margin-left:auto}.loading-state{color:var(--text-dim);justify-content:center;align-items:center;gap:11px;padding:50px 0;font-size:16px;display:flex}.card__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#07080bb3;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.row__artist--link,.player__artist--link{text-align:left;cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.row__artist--link:hover,.player__artist--link:hover{color:var(--text);text-underline-offset:2px;text-decoration:underline}.save-btn{background:var(--panel);border:1px solid var(--stroke);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:14.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.save-btn:hover{background:var(--panel-strong)}.save-btn.is-saved{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.card__save{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:32px;height:32px;color:var(--text);opacity:0;background:#07080bb8;border-radius:50%;place-items:center;transition:opacity .18s,transform .18s,color .15s,background .15s;display:grid;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.card:hover .card__save{opacity:1;transform:none}.card__save:hover{background:#07080be6}.card__save.is-saved{opacity:1;color:var(--accent);transform:none}.lib__icon{overflow:hidden}.lib__cover{object-fit:cover;width:100%;height:100%}.auth__pwhint{color:var(--text-faint);padding-left:4px;font-size:12.5px;transition:color .2s}.auth__pwhint.is-ok{color:var(--accent)}.auth__pwhint.is-ok:before{content:"✓ "}.adm{background:radial-gradient(120% 70% at 100% 0%, #15202099 0%, transparent 55%), var(--bg-0);height:100vh;padding:28px 5vw 60px;overflow-y:auto}.adm-head{border-bottom:1px solid var(--stroke-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;padding-bottom:22px;display:flex}.adm-head__title{color:var(--accent);align-items:center;gap:12px;display:flex}.adm-head__title h1{color:var(--text);font-size:26px}.adm-head__right{align-items:center;gap:10px;display:flex}.adm-head__user{color:var(--text-dim);margin-right:4px;font-size:14px;font-weight:600}.adm-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:14px;display:grid}.adm-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--stroke);border-radius:16px;padding:22px;position:relative;overflow:hidden}.adm-card__icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent);border-radius:11px;place-items:center;margin-bottom:14px;display:grid}.adm-card__value{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1}.adm-card__label{color:var(--text-dim);margin-top:6px;font-size:13.5px}.adm-card__sub{color:var(--accent);margin-top:4px;font-size:12px;font-weight:600}.adm-block{background:var(--bg-1);border:1px solid var(--stroke-soft);border-radius:16px;margin-top:24px;padding:22px 24px}.adm-block h3{align-items:center;gap:8px;margin-bottom:18px;font-size:17px;display:flex}.adm-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=820px){.adm-grid{grid-template-columns:1fr}}.adm-chart{align-items:flex-end;gap:10px;height:160px;padding-top:18px;display:flex}.adm-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.adm-bar__fill{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:7px 7px 0 0;width:100%;max-width:54px;min-height:4px;transition:height .4s cubic-bezier(.22,1,.36,1);position:relative}.adm-bar__val{text-align:center;color:var(--text-dim);font-size:12px;font-weight:700;position:absolute;top:-20px;left:0;right:0}.adm-bar__label{color:var(--text-faint);font-size:12px}.adm-row-bar{grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;padding:6px 0;display:grid}.adm-row-bar__name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.adm-row-bar__track{background:var(--panel);border-radius:99px;height:8px;overflow:hidden}.adm-row-bar__track>span{background:var(--accent);border-radius:99px;height:100%;display:block}.adm-row-bar__num{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.adm-ref{border-top:1px solid var(--stroke-soft);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.adm-ref:first-child{border-top:none}.adm-ref__url{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.adm-ref__num{font-size:13px;font-weight:700}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:13.5px}.adm-table th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--stroke-soft);padding:8px 12px;font-size:12px;font-weight:600}.adm-table td{border-bottom:1px solid var(--stroke-soft);color:var(--text-dim);padding:10px 12px}.adm-table td:nth-child(2),.adm-table td:first-child{color:var(--text)}.adm-ip{font-family:var(--mono,monospace);color:var(--text-faint);font-size:12px}.adm-badge{text-transform:uppercase;background:var(--accent-glow);color:var(--accent);border-radius:99px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700}.adm-del{width:30px;height:30px;color:var(--text-faint);border-radius:8px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.adm-del:hover{color:#ff6b6b;background:#ff5c5c29}.adm-gate{place-items:center;min-height:70vh;display:grid}.adm-gate__box{background:linear-gradient(180deg, var(--bg-3), var(--bg-1));border:1px solid var(--stroke);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:min(380px,92vw);padding:36px 30px;display:flex}.adm-gate__shield{color:var(--accent)}.adm-gate__box h2{font-size:22px}.adm-gate__box p{color:var(--text-dim);margin-top:-6px;font-size:14px}.adm-gate__box input{background:var(--bg-0);border:1px solid var(--stroke);width:100%;color:var(--text);border-radius:11px;outline:none;padding:13px 16px;font-size:15px}.adm-gate__box input:focus{border-color:var(--accent)}.adm-gate__box>button{background:var(--accent);width:100%;color:var(--on-accent);border-radius:11px;justify-content:center;align-items:center;padding:13px;font-size:15px;font-weight:700;display:flex}.adm-gate__back{color:var(--text-dim);align-items:center;gap:6px;margin-top:4px;font-size:13px;display:inline-flex}.adm-gate__back:hover{color:var(--text)}.mnav,.player__miniprog,.player__mplay,.sidebar__close{display:none}@media (width<=760px){.app{flex-direction:column;gap:0;height:100dvh;padding:0;display:flex}.sidebar{z-index:1100;border:none;border-right:1px solid var(--stroke);border-radius:0;width:286px;max-width:84vw;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:none;box-shadow:30px 0 80px #0009}.sidebar__close{width:34px;height:34px;color:var(--text-dim);background:var(--panel);border-radius:9px;place-items:center;margin-left:auto;display:grid}.drawer-overlay{z-index:1090;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;animation:.2s ctxIn;position:fixed;inset:0}.main{border:none;border-radius:0;flex:1;min-height:0}.view{padding:18px 15px 24px}.view__hero{flex-direction:column;align-items:flex-start;gap:14px}.view__title{max-width:none;font-size:27px}.section-title{margin-bottom:14px;font-size:18px}.view>section{margin-top:28px}.play-all{padding:11px 20px}.cards{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:13px}.src-grid{grid-template-columns:1fr 1fr;gap:12px}.tracklist__head,.row{grid-template-columns:26px 44px 1fr 46px;gap:11px}.row__source,.th-source,.row__like,.tracklist__head>span:nth-child(2),.tracklist__head>span:nth-child(5){display:none}.player{border:none;border-top:1px solid var(--stroke-soft);border-radius:0;flex:none;align-items:center;gap:12px;height:62px;padding:0 12px;display:flex;position:relative}.player__glow,.player__center,.player__right{display:none}.player__now{flex:1;gap:12px;min-width:0}.player__like{display:none}.player__miniprog{background:#ffffff1a;height:3px;display:block;position:absolute;top:0;left:0;right:0}.player__miniprog>span{background:var(--accent);height:100%;transition:width .25s linear;display:block}.player__mplay{width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.player__mplay:disabled{opacity:.4}.mnav{background:var(--bg-1);border-top:1px solid var(--stroke-soft);padding-bottom:env(safe-area-inset-bottom,0);flex:none;align-items:stretch;display:flex}.mnav__btn{color:var(--text-faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 0 9px;font-size:10px;font-weight:600;display:flex}.mnav__btn.is-active{color:var(--accent)}.modal,.modal--wide,.auth{width:94vw}.modal-overlay{align-items:flex-end;padding:0 0 12px}.modal,.auth{border-bottom-right-radius:22px;border-bottom-left-radius:22px}.fs__top{padding:16px 18px}.fs__body{padding:6px 7vw 4vh}.fs__title{white-space:normal;font-size:26px}.fs__cover{max-width:74vw}.ctx__item{padding:12px 13px;font-size:14.5px}.adm{padding:18px 14px 32px}.adm-head__title h1{font-size:21px}.adm-card__value{font-size:28px}.adm-block{padding:18px 16px}.adm-row-bar{grid-template-columns:90px 1fr 38px}}@media (width<=380px){.cards{grid-template-columns:1fr 1fr}.view__title{font-size:24px}.adm-cards{grid-template-columns:1fr 1fr}}