:root{--bg-0:#070b18;--bg-1:#0e1430;--bg-2:#151d3d;--surface:#ffffff0b;--surface-2:#ffffff14;--border:#ffffff17;--text:#eef1ff;--muted:#8b93bd;--faint:#5d6494;--accent:#5b7cfa;--accent-2:#8a5cff;--cyan:#22d3c5;--pink:#ff5d8f;--danger:#ff4d6d;--r-lg:22px;--r-md:16px;--r-sm:11px;--font-display:"Sora", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--nav-h:64px;--mini-h:64px;--grad-red:linear-gradient(135deg, #ff5a4a 0%, #b51d2d 60%, #6e0a1b 100%);--grad-orange:linear-gradient(135deg, #f8b133 0%, #c46a18 100%);--grad-purple:linear-gradient(135deg, #7c4dff 0%, #3a1f8a 100%);--grad-pop:linear-gradient(160deg, #9a55ff 0%, #5d2dbf 100%);--grad-hip:linear-gradient(160deg, #5b2bd9 0%, #2e1370 100%);--grad-blues:linear-gradient(160deg, #2bd97a 0%, #136e3a 100%);--grad-rock:linear-gradient(160deg, #ff5a4a 0%, #6e0a1b 100%);--grad-jazz:linear-gradient(160deg, #ff9b3d 0%, #b54a18 100%);--grad-cosmic:radial-gradient(circle at 30% 30%, #5d8bff 0%, #2a1a6e 40%, #0a0420 100%);--grad-accent:linear-gradient(135deg, var(--accent), var(--accent-2));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ico-fill{fill:currentColor;stroke:none}.ico-fill-stroke{fill:currentColor}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";z-index:-1;background:radial-gradient(120% 80% at 80% -10%, #8a5cff47, transparent 55%), radial-gradient(90% 70% at 0% 110%, #5b7cfa38, transparent 50%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 60%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}::-webkit-scrollbar{width:0;height:0}.app{flex-direction:column;max-width:520px;height:100dvh;margin:0 auto;display:flex;position:relative}.screen{--screen-px:20px;overscroll-behavior-y:contain;padding:22px var(--screen-px) calc(var(--nav-h) + var(--mini-h) + 28px);flex:1;overflow-y:auto}.screen.no-mini{padding-bottom:calc(var(--nav-h) + 24px)}.app.has-mini .screen.no-mini{padding-bottom:calc(var(--nav-h) + var(--mini-h) + 18px)}.screen.tight{--screen-px:8px}.screen.flush-top{padding-top:1px}.home-bar{grid-template-columns:42px 1fr auto;align-items:center;margin-bottom:22px;display:grid}.home-bar-actions{align-items:center;gap:2px;display:flex}.home-bar-title{text-align:center;letter-spacing:.01em;font-size:16px;font-weight:700}.home-bar-btn{width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;transition:background .15s;display:grid}.home-bar-btn:hover{background:var(--surface)}.hero-wrap{margin-bottom:30px;position:relative}.hero-peek{filter:brightness(.6)saturate(.9);z-index:0;background-position:50%;background-size:cover;border-radius:16px;width:38px;height:calc(100% - 20px);position:absolute;top:10px}.hero-peek-l{left:-14px}.hero-peek-r{right:-14px}.hero-feat{z-index:1;border-radius:var(--r-lg);aspect-ratio:16/10;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;isolation:isolate;position:relative;overflow:hidden;box-shadow:0 24px 48px -18px #000000a6}.hero-feat:active{cursor:grabbing}.hero-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.hero-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .18s,width .18s}.hero-dot.on{background:var(--accent);border-radius:3px;width:16px}.hero-feat-img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-feat-grad{z-index:-1;background:linear-gradient(#070b180d 0%,#070b188c 60%,#070b18eb 100%);position:absolute;inset:0}.hero-feat-text{position:absolute;bottom:16px;left:18px;right:80px}.hero-feat-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-size:10px;font-weight:700}.hero-feat-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:14px;font-weight:800;line-height:1.15;overflow:hidden}.hero-feat-sub{color:var(--muted);margin-top:3px;font-size:13px}.hero-feat-play{z-index:2;cursor:pointer;background:var(--grad-accent);color:#fff;border:none;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .15s;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 24px -6px #5b7cfab3}.hero-feat-play:hover{transform:scale(1.06)}.albums-grid{grid-template-columns:repeat(2,1fr);gap:16px 14px;display:grid}@media (width>=380px){.albums-grid{grid-template-columns:repeat(3,1fr)}}.hrow{scroll-snap-type:x proximity;margin:0 calc(-1 * var(--screen-px,20px));padding:4px var(--screen-px,20px) 6px;gap:14px;display:flex;overflow-x:auto}.hrow-item{cursor:pointer;scroll-snap-align:start;flex:none;width:116px}.hrow-title{white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:13px;font-weight:600;overflow:hidden}.hrow-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pl-card{border-radius:var(--r-md);cursor:pointer;scroll-snap-align:start;color:#fff;flex:none;width:130px;height:130px;padding:12px;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000059}.pl-card-orb{background:#ffffff1a;border-radius:50%;width:64px;height:64px;position:absolute;top:-12px;right:-12px}.pl-card-foot{position:absolute;bottom:12px;left:12px;right:12px}.pl-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;line-height:1.1;overflow:hidden}.pl-card-count{color:#ffffffc7;margin-top:3px;font-size:10px}.home-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.home-hello{color:var(--muted);font-size:13px}.home-title{font-size:22px;font-weight:800}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;font-size:17px;transition:background .15s,transform .15s;display:grid}.icon-btn:hover{background:var(--surface-2);transform:translateY(-1px)}.np .icon-btn{background:0 0;border:none}.np .icon-btn:hover{background:0 0}.featured{border-radius:var(--r-lg);aspect-ratio:16/9;isolation:isolate;align-items:flex-end;margin-bottom:30px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px -18px #000000a6}.featured img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.featured:after{content:"";z-index:-1;background:linear-gradient(105deg,#070b18d9 0%,#070b1840 55%,#0000 100%);position:absolute;inset:0}.featured-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:11px;font-weight:700}.featured-name{font-family:var(--font-display);max-width:70%;margin-top:6px;font-size:26px;font-weight:800;line-height:1.1}.featured-play{cursor:pointer;background:var(--text);width:54px;height:54px;color:var(--bg-0);border:none;border-radius:50%;place-items:center;font-size:20px;transition:transform .15s;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 10px 24px #0006}.featured-play:hover{transform:scale(1.06)}.section{margin-bottom:28px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-head h2{font-size:17px;font-weight:700}.section-head .more{color:var(--muted);font-size:12px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(114px,1fr));gap:18px 14px;display:grid}.album{cursor:pointer;min-width:0}.album-art{aspect-ratio:1;border-radius:var(--r-md);object-fit:cover;background:var(--bg-2);width:100%;transition:transform .18s;box-shadow:0 14px 28px -12px #0009}.album:hover .album-art{transform:translateY(-3px)}.album-title{white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:13.5px;font-weight:600;overflow:hidden}.album-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pills{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pill{border-radius:var(--r-md);cursor:pointer;border:1px solid var(--border);color:var(--text);text-align:center;padding:16px 20px;font-size:14px;font-weight:700;transition:transform .15s;position:relative;overflow:hidden}.pill:hover{transform:translateY(-2px)}.pill span{z-index:1;position:relative}.pill small{color:#ffffffb8;z-index:1;font-size:11px;font-weight:500;display:block;position:relative}.pill:before{content:"";opacity:.9;background:linear-gradient(135deg, var(--p-a), var(--p-b));position:absolute;inset:0}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 10px}.error-text{color:var(--danger)}.bottom-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);z-index:40;background:#0a0e1ab8;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.bn-link{color:var(--faint);flex-direction:column;align-items:center;gap:3px;padding:6px 14px;font-size:10px;font-weight:600;transition:color .15s;display:flex}.bn-link svg{stroke:currentColor;fill:none;stroke-width:1.9px;width:22px;height:22px}.bn-link.active{color:var(--accent)}.mini{left:12px;right:12px;bottom:calc(var(--nav-h) + 10px);height:var(--mini-h);border-radius:var(--r-md);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);z-index:41;cursor:pointer;background:#151d3dd9;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;overflow:hidden;box-shadow:0 16px 32px -14px #000000b3}.mini-prog{background:var(--accent);height:2px;position:absolute;bottom:0;left:0}.mini-cover{object-fit:cover;background:var(--bg-2);border-radius:10px;width:44px;height:44px}.mini-meta{flex:1;min-width:0}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.mini-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-btn{background:var(--text);width:40px;height:40px;color:var(--bg-0);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:15px;display:grid}.section-head-link{cursor:pointer}.fav-hero{border-radius:var(--r-lg);background:linear-gradient(135deg,#ff4d6d 0%,#c9184a 50%,#590d22 100%);min-height:120px;margin-bottom:16px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 36px -16px #c9184a99}.fav-hero-hearts{line-height:0;position:absolute;top:-18px;right:-14px}.fav-hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.95;font-size:11px;font-weight:700}.fav-hero-title{font-family:var(--font-display);margin-top:22px;font-size:24px;font-weight:800}.fav-hero-meta{opacity:.85;margin-top:4px;font-size:12px}.fav-hero-play{cursor:pointer;color:#c9184a;background:#fff;border:none;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .15s;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 18px #00000059}.fav-hero-play:hover{transform:scale(1.06)}.fav-hero-play:disabled{opacity:.5;cursor:default}.fav-chips{gap:8px;margin-bottom:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{cursor:pointer;background:var(--surface);color:var(--muted);border:none;border-radius:999px;flex:none;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.chip.on{background:var(--accent);color:#fff}.trk-heart{cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid}.trk.frow{align-items:center;gap:12px;display:flex}.trk.frow .trk-main{flex:1;min-width:0}.frow-cover{flex:none}.mq{white-space:nowrap;overflow:hidden}.mq-text{display:inline}.mq.on{text-overflow:clip}.mq.on .mq-text{animation:6s ease-in-out infinite alternate mq;display:inline-block}@keyframes mq{0%{transform:translate(0)}to{transform:translateX(var(--mq-shift,0))}}.fav-chips .chip{text-align:center;flex:1}.lbars{flex:none;align-items:flex-end;gap:2.5px;height:16px;display:flex}.lbars i{background:var(--accent);border-radius:2px;width:3px;height:3px;transition:height 80ms linear;display:block}.trk.playing .trk-title{color:var(--accent)}.frow-more{cursor:pointer;color:var(--faint);background:0 0;border:none;place-items:center;padding:4px;transition:color .15s;display:grid}.frow-more:hover{color:var(--text)}.pl-create-btn{border-radius:var(--r-md);cursor:pointer;width:100%;color:var(--text);text-align:left;background:#5b7cfa1f;border:none;align-items:center;gap:12px;padding:12px;display:flex}.pl-create-ico{background:var(--grad-accent);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.pl-create-text{flex-direction:column;flex:1;display:flex}.pl-create-title{font-size:14px;font-weight:700}.pl-create-sub{color:var(--muted);margin-top:2px;font-size:11px}.pl-create{align-items:center;gap:10px;display:flex}.pl-create .field{flex:1}.pl-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pl-tile{border-radius:var(--r-md);cursor:pointer;color:#fff;height:120px;padding:12px;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000059}.pl-card{cursor:pointer}.sb-head{grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:16px;display:grid}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.recent-row{align-items:center;gap:10px;padding:9px 0;display:flex}.recent-text{color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.recent-x{cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid}.genre-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.genre-cell{border-radius:var(--r-md);cursor:pointer;text-align:left;color:#fff;border:none;height:60px;padding:12px;font-size:14px;font-weight:700;position:relative;overflow:hidden}.genre-name{z-index:1;position:relative}.genre-orb{background:#00000038;border-radius:8px;width:50px;height:50px;position:absolute;bottom:-16px;right:-10px;transform:rotate(25deg)}.av-act.on{color:var(--pink);background:#ff5d8f29;border-color:#0000}.av-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.av-cover{border-radius:var(--r-lg);object-fit:cover;width:190px;height:190px;box-shadow:0 26px 50px -16px #000000b3}.av-name{margin-top:18px;font-size:24px;font-weight:800}.av-actions{gap:12px;margin-top:18px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;font-weight:700;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:13px 30px;transition:transform .15s,box-shadow .15s;box-shadow:0 12px 24px -8px #5b7cfa99}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:13px 22px;font-weight:600}.tracks{margin:0;padding:0;list-style:none}.trk{border-radius:var(--r-sm);cursor:pointer;grid-template-columns:26px 18px 40px 1fr auto;align-items:center;gap:12px;padding:9px 10px;transition:background .12s;display:grid}.trk:hover{background:var(--surface)}.trk-dim .frow-cover,.trk-dim .trk-main{opacity:.4}.trk.playing{background:linear-gradient(90deg,#5b7cfa38,#5b7cfa0a)}.trk-idx{text-align:center;color:var(--faint);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:13px;display:flex}.trk-playbtn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.trk-eq{justify-content:center;align-items:flex-end;gap:2px;height:40px;padding-bottom:8px;display:flex}.trk-eq.hidden{visibility:hidden}.trk-eq span{background:var(--accent);border-radius:2px;width:3px;height:6px;display:block}.trk-eq.playing span:first-child{animation:.9s ease-in-out infinite eq}.trk-eq.playing span:nth-child(2){animation:.65s ease-in-out .18s infinite eq}.trk-eq.playing span:nth-child(3){animation:1.1s ease-in-out .35s infinite eq}.trk-eq.paused span{height:6px;animation:none}@keyframes eq{0%,to{height:4px}50%{height:22px}}.trk.playing .trk-idx{color:var(--accent)}.trk-thumb{object-fit:cover;background:var(--bg-2);border-radius:9px;width:40px;height:40px}.trk-main{min-width:0}.trk-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.trk-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.trk-dur{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800}.badge-new{color:var(--cyan);background:#22d3c52e}.badge-hi{color:var(--pink);background:#ff5d8f2e}.np{text-align:center;min-height:0;padding:1px 10px calc(var(--nav-h) + 32px);flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.np-bg{object-fit:cover;filter:blur(32px)saturate(1.2);opacity:.15;z-index:0;pointer-events:none;width:120%;height:120%;transition:opacity .8s;position:absolute;inset:-10%}.np>:not(.np-bg):not(.np-viz-full):not(.np-canvas){z-index:3;position:relative}.np-canvas{z-index:0;pointer-events:none;--beat:0;position:absolute;inset:-20%;overflow:hidden}.np-canvas img{object-fit:cover;will-change:transform, opacity;border-radius:30%;width:100%;height:100%;position:absolute;inset:0}.np-canvas-l1{filter:blur(60px)saturate(1.5);opacity:calc(.22 + var(--beat) * .18);transform:scale(calc(1.05 + var(--beat) * .06));animation:26s ease-in-out infinite npDrift1}.np-canvas-l2{filter:blur(80px)saturate(1.7)hue-rotate(18deg);opacity:calc(.16 + var(--beat) * .14);mix-blend-mode:screen;animation:34s ease-in-out infinite npDrift2}.np-canvas-l3{filter:blur(100px)saturate(2);opacity:.12;mix-blend-mode:screen;animation:44s linear infinite npDrift3}.np.anim .np-bg{opacity:0}@keyframes npDrift1{0%,to{transform:scale(1.05)translate(-3%,-2%)rotate(0)}50%{transform:scale(1.18)translate(4%,3%)rotate(8deg)}}@keyframes npDrift2{0%,to{transform:scale(1.2)translate(3%,2%)rotate(0)}50%{transform:scale(1.05)translate(-4%,-3%)rotate(-10deg)}}@keyframes npDrift3{0%{transform:scale(1.25)rotate(0)}to{transform:scale(1.25)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.np-canvas img{animation:none}}.np-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:0;padding:0 2px;display:flex}.np-top-spacer{flex-shrink:0;width:42px}.np-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.np-action{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.np-action:hover{background:var(--surface-2);color:var(--accent)}.np-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.np-ring{aspect-ratio:1;place-items:center;width:min(62vw,232px);margin:62px 0 100px;display:grid;position:relative;overflow:visible}.np-ring .orb{z-index:3;width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:20px;transition:transform .12s,color .15s;display:grid;position:absolute;transform:translate(-50%,-50%)}.np-ring .orb:hover{transform:translate(-50%,-50%)scale(1.12)}.np-ring .orb.active{color:var(--accent)}.np-ring .orb.np-play{color:#ffffffd9;background:#5b7cfa59;width:64px;height:64px;font-size:24px;box-shadow:0 6px 18px -6px #5b7cfa59}.np-ring .orb.np-play:hover{transform:translate(-50%,-50%)scale(1.08)}.np-viz{display:none}.np-viz-full{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.np-ring-svg{z-index:2;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.np-ring .ring-bg{fill:none;stroke:#ffffff14;stroke-width:2.5px}.np-ring .ring-fg{fill:none;stroke:url(#ringGrad);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.np-ring .ring-knob{fill:#fff;stroke:var(--accent);stroke-width:1.4px}.np-disc{z-index:1;object-fit:cover;border-radius:50%;width:82%;height:82%;animation:22s linear infinite paused spin;position:relative;box-shadow:0 20px 50px -10px #000000b3}.np-disc.spinning{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.np-artist{text-align:center;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 6px;font-size:13px;font-weight:600;overflow:hidden}.np-title{text-align:center;width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:0;margin-bottom:0;padding:0 5px;font-size:12px;font-weight:400;overflow:hidden}.np-seek{width:90%;margin-top:38px}.np-progress{cursor:pointer;align-items:center;height:20px;display:flex;position:relative}.np-progress-line{background:#fff3;border-radius:2px;height:1.5px;position:absolute;left:0;right:0}.np-progress-fill{background:var(--accent);pointer-events:none;border-radius:2px;height:1.5px;position:absolute;left:0}.np-progress-dot{background:var(--accent);pointer-events:none;border-radius:50%;width:10px;height:10px;transition:left .1s linear;position:absolute;transform:translate(-50%);box-shadow:0 0 8px #5b7cfab3}.np-times{color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.np-controls{justify-content:center;align-items:center;gap:24px;margin-top:26px;display:flex}.np-ctl{color:var(--text);cursor:pointer;opacity:.9;background:0 0;border:none;font-size:22px;transition:opacity .15s,color .15s}.np-ctl:hover{opacity:1}.np-ctl.active{color:var(--accent);opacity:1}.np-play{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;opacity:1;border-radius:50%;width:68px;height:68px;font-size:24px;box-shadow:0 14px 30px -8px #5b7cfab3}.np-vol{align-items:center;gap:10px;width:100%;margin-top:14px;display:flex}.np-vol-bar{cursor:pointer;touch-action:none;flex:1;align-items:center;height:18px;display:flex;position:relative}.np-vol-line{background:#ffffff26;border-radius:2px;height:3px;position:absolute;left:0;right:0}.np-vol-fill{pointer-events:none;background:#ffffffb3;border-radius:2px;height:3px;position:absolute;left:0}.np-vol-dot{pointer-events:none;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%)}.q-head{grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:14px;display:grid}.q-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 4px 8px;font-size:11px;font-weight:700}.q-section-row{justify-content:space-between;align-items:center;padding-right:4px;display:flex}.q-current{border-radius:var(--r-md);cursor:pointer;background:#5b7cfa1f;border:1px solid #5b7cfa4d;align-items:center;gap:12px;padding:10px;display:flex}.q-list{margin:0;padding:0;list-style:none}.q-row{border-radius:var(--r-sm);cursor:pointer;background:var(--bg-0);align-items:center;gap:10px;padding:9px 4px;display:flex}.q-row:hover{background:var(--surface)}.q-row.dragging{background:var(--surface-2);z-index:5;position:relative;box-shadow:0 8px 20px #0006}.q-grip{cursor:grab;touch-action:none;place-items:center;padding:4px;display:grid}.q-grip:active{cursor:grabbing}.q-x{cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid}.eq-toggle{border-radius:var(--r-md);background:var(--surface);justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 14px;display:flex}.eq-toggle-left{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.switch{cursor:pointer;background:#ffffff26;border:none;border-radius:12px;width:40px;height:24px;padding:0;transition:background .18s;position:relative}.switch.on{background:var(--accent)}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .18s;position:absolute;top:2px;left:2px}.switch.on .switch-knob{left:18px}.eq-presets{gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.eq-bands{justify-content:space-between;gap:4px;transition:opacity .18s;display:flex}.eq-bands.eq-off{opacity:.4}.eq-band{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.eq-track{cursor:ns-resize;touch-action:none;width:100%;height:170px;position:relative}.eq-track:before{content:"";background:#ffffff14;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.eq-track-fill{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:2px;width:4px;position:absolute;left:50%;transform:translate(-50%)}.eq-track-knob{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.eq-band-db{font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.eq-band-hz{color:var(--muted);font-size:9px;font-weight:600}.set-group{background:var(--surface);border-radius:var(--r-md);margin-bottom:20px;overflow:hidden}.set-row{border:none;border-top:.5px solid var(--border);cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.set-row:first-child{border-top:none}.set-row:hover{background:var(--surface-2)}.set-row-ico{width:30px;height:30px;color:var(--accent);background:#5b7cfa29;border-radius:8px;place-items:center;display:grid}.set-row-label{flex:1}.set-pick{border-top:.5px solid var(--border);padding:12px 14px}.set-pick:first-child{border-top:none}.set-pick-head{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.set-pick-opts{flex-wrap:wrap;gap:6px;display:flex}.sheet-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.sheet{border:.5px solid var(--border);background:linear-gradient(#0d1230 0%,#06091a 100%);border-top-left-radius:22px;border-top-right-radius:22px;width:100%;max-width:520px;max-height:82dvh;padding:10px 0 18px;animation:.22s cubic-bezier(.2,.7,.3,1) sheetUp;overflow-y:auto;box-shadow:0 -20px 40px #00000080}@keyframes sheetUp{0%{opacity:.6;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sheet-grab{background:#fff3;border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet-track{border-bottom:.5px solid var(--border);align-items:center;gap:12px;padding:0 18px 12px;display:flex}.sheet-track-meta{min-width:0}.sheet-track-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sheet-track-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sheet-err{color:var(--danger);margin:10px 18px 0;font-size:12px}.sheet-stars{gap:2px;margin-top:6px;display:flex}.sheet-star{cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.sheet-check{cursor:pointer;align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important;font-weight:500!important}.sheet-check input{width:16px;height:16px;accent-color:var(--accent)}.sheet-opts{padding:8px 0}.sheet-opt{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:12px 18px;font-size:14px;display:flex}.sheet-opt:hover{background:var(--surface)}.sheet-opt:disabled{opacity:.5;cursor:default}.sheet-opt-danger{color:var(--danger)}.sheet-back{border:none;border-bottom:.5px solid var(--border);cursor:pointer;width:100%;color:var(--muted);background:0 0;align-items:center;gap:10px;padding:8px 18px 12px;font-size:13px;font-weight:600;display:flex}.sheet-edit{flex-direction:column;gap:12px;padding:12px 18px 4px;display:flex}.sheet-edit label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.sheet-cancel{background:var(--surface);border-radius:var(--r-md);width:calc(100% - 36px);color:var(--text);cursor:pointer;border:none;margin:8px 18px 0;padding:12px 0;font-size:14px;font-weight:600}.sheet-cancel:hover{background:var(--surface-2)}.connect{place-items:center;height:100dvh;padding:24px;display:grid}.connect-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:16px;width:100%;max-width:380px;padding:36px 30px;display:flex;box-shadow:0 30px 60px -20px #000000b3}.connect-brand{font-family:var(--font-display);text-align:center;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.connect-sub{text-align:center;color:var(--muted);margin:-10px 0 6px;font-size:14px}.connect-card label,.dl-form label{color:var(--muted);flex-direction:column;gap:7px;font-size:12.5px;font-weight:600;display:flex}.field{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);width:100%;padding:12px 14px;transition:border-color .15s}.field:focus{border-color:var(--accent);outline:none}.hint{opacity:.6;font-weight:400}.connect-error{color:var(--danger);font-size:13px}.dl-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:14px;margin-bottom:26px;padding:20px;display:flex}.dl-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.jobs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.job{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.job-badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700}.job-badge-done{color:var(--cyan);background:#22d3c529}.job-badge-error{color:var(--danger);background:#ff4d6d29}.job-badge-downloading,.job-badge-processing{color:var(--accent);background:#5b7cfa29}.job-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.job-extra{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.page-title{margin-bottom:20px;font-size:24px;font-weight:800}.section-title{margin:24px 0 12px;font-size:16px;font-weight:700}.search-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#070b18d1;animation:.18s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{max-height:100dvh;padding:16px 20px 40px;animation:.2s slideDown;position:absolute;top:0;left:0;right:0;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.search-bar{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.search-ico{color:var(--muted);flex-shrink:0;font-size:18px}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:var(--faint)}.search-clear{color:var(--faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.search-results{margin-bottom:8px}.av-root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.av-hero{aspect-ratio:1/1.05;flex-shrink:0;width:100%;position:relative;overflow:hidden}.av-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.av-hero-overlay{background:linear-gradient(#070b1859 0%,#070b181a 40%,#070b18bf 80%,#070b18fa 100%);position:absolute;inset:0}.av-back{z-index:2;position:absolute;top:16px;left:16px}.av-top{z-index:2;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.av-icon{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#070b1859;border:none;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s;display:grid}.av-icon:hover{background:#070b1899}.av-actionbar{align-items:center;gap:14px;padding:6px 6px 14px;display:flex}.av-act-play{cursor:pointer;background:var(--grad-accent);color:#fff;border:none;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .15s;display:grid;box-shadow:0 10px 22px -8px #5b7cfaa6}.av-act-play:hover{transform:scale(1.06)}.av-act{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.av-act:hover{background:var(--surface-2);color:var(--accent)}.av-act:disabled,.av-act-play:disabled{opacity:.4;cursor:default}.av-hero-info{z-index:2;position:absolute;bottom:20px;left:20px;right:20px}.av-genre{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px;font-size:11px;font-weight:700}.av-name{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.1}.av-sub{color:var(--muted);margin-top:4px;font-size:13px}.av-play-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;font-weight:700;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:12px 26px;display:inline-flex;box-shadow:0 10px 22px -8px #5b7cfaa6}.av-play-btn:disabled{opacity:.4;cursor:default}.av-tracks{background:var(--bg-0);flex:1;padding:8px 6px 100px;overflow-y:auto}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:20px;padding:16px 18px}.settings-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.btn-danger{width:100%;color:var(--danger);font-weight:700;font-family:var(--font-body);cursor:pointer;background:#ff4d6d1f;border:1px solid #ff4d6d4d;border-radius:999px;padding:14px;transition:background .15s}.btn-danger:hover{background:#ff4d6d33}.toast{left:50%;bottom:calc(var(--nav-h) + var(--mini-h) + 22px);z-index:120;border:1px solid var(--border);max-width:calc(100% - 48px);color:var(--text);white-space:nowrap;-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#0d1230f2;border-radius:999px;padding:11px 20px;font-size:13px;font-weight:600;animation:.2s toastIn;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px -10px #000000b3}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.set-hint{color:var(--muted);margin:8px 2px 0;font-size:12px;line-height:1.45}.set-mini-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;margin-top:10px;padding:8px 14px;font-size:13px;font-weight:600}.set-mini-btn:hover:not(:disabled){background:var(--surface-2);color:var(--accent)}.set-mini-btn:disabled{opacity:.6;cursor:default}.np-cast{flex-shrink:0;width:42px}.cast-on{color:var(--accent)}.wrapped-cards{padding:4px var(--screen-px,16px) calc(var(--nav-h) + 28px);flex-direction:column;gap:16px;display:flex}.wcard{border-radius:var(--r-lg);border:1px solid var(--border);padding:22px 20px;position:relative;overflow:hidden}.wcard-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffffffb3;margin-bottom:14px;font-size:11px}.wcard-hero{background:var(--grad-cosmic);text-align:center;padding:34px 20px}.whero-big{font-family:var(--font-display);background:linear-gradient(135deg,#fff,#b9c6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,16vw,84px);font-weight:800;line-height:1}.whero-label{margin-top:6px;font-size:15px;font-weight:600}.whero-sub{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.5}.wcard-artists{background:var(--grad-purple)}.wcard-albums{background:linear-gradient(160deg,#173a5e 0%,#0b1530 100%)}.wcard-genres{background:var(--grad-pop)}.wlist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wrow{align-items:center;gap:12px;display:flex}.wrank{font-family:var(--font-display);text-align:center;color:#ffffffd9;flex-shrink:0;width:22px;font-size:20px;font-weight:800}.wrow-cover{object-fit:cover;border-radius:10px;flex-shrink:0;width:42px;height:42px}.wrow-cover-empty{color:#fff;background:#ffffff1f;place-items:center;display:grid}.wrow-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.wrow-plays{color:#ffffffbf;flex-shrink:0;font-size:12px}.walbum-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;display:grid}.walbum{cursor:pointer;text-align:left;color:var(--text);background:0 0;border:none;padding:0}.walbum-cover{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;box-shadow:0 8px 20px -8px #0009}.walbum-name{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;font-weight:600;overflow:hidden}.walbum-plays{color:#ffffffb3;font-size:11px}.wchips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wchip{font-weight:700;font-family:var(--font-display);background:#ffffff29;border-radius:999px;padding:8px 16px}.wrapped-note{text-align:center;margin-top:4px;font-size:12px}