:root{--bg: #0a0b0d;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--surface-strong: #1b1c22;--hairline: rgba(255, 255, 255, .08);--text: #f3f4f6;--text-2: #94959d;--text-3: #6c6d76;--accent: #7f93ff;--accent-ink: #07080b;--warn: #f5b338;--material: rgba(19, 20, 24, .62);--material-blur: blur(28px) saturate(1.4);--scrim-rgb: 8, 9, 11;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 24px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .32);--shadow-2: 0 12px 34px rgba(0, 0, 0, .44);--shadow-pop: 0 26px 72px rgba(0, 0, 0, .58);--dur: .22s;--dur-fast: .15s;--ease: cubic-bezier(.22, .61, .36, 1);--sidebar-w: 236px;--mini-h: 86px;--tabbar-h: 62px;--font: -apple-system, "SF Pro Text", "Inter", system-ui, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif}[data-theme=light]{--bg: #f4f5f7;--surface: rgba(0, 0, 0, .04);--surface-2: rgba(0, 0, 0, .07);--surface-strong: #ffffff;--hairline: rgba(0, 0, 0, .1);--text: #15161a;--text-2: #5b5c66;--text-3: #8a8b94;--material: rgba(248, 249, 251, .66);--scrim-rgb: 244, 245, 247;--shadow-1: 0 1px 2px rgba(0, 0, 0, .08);--shadow-2: 0 12px 34px rgba(0, 0, 0, .12);--shadow-pop: 0 26px 72px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;color:inherit}img{-webkit-user-drag:none}::selection{background:color-mix(in srgb,var(--accent) 45%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-cover{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;background-size:cover;background-position:center;filter:blur(72px) saturate(1.02) brightness(.4);transform:scale(1.14);animation:coverIn 1.2s var(--ease) both}@keyframes coverIn{0%{opacity:0}to{opacity:1}}.bg-gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:blur(40px);opacity:.5;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(118% 96% at 50% 40%,transparent 36%,rgba(0,0,0,.5) 64%,#000 100%);mask-image:radial-gradient(118% 96% at 50% 40%,transparent 36%,rgba(0,0,0,.5) 64%,#000 100%)}.bg-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 95% at 50% 42%,rgba(var(--scrim-rgb),calc(var(--scrim, .5) + .3)),rgba(var(--scrim-rgb),calc(var(--scrim, .5) + .1)) 48%,rgba(var(--scrim-rgb),calc(var(--scrim, .5) - .14))),linear-gradient(180deg,rgba(var(--scrim-rgb),.5) 0%,transparent 20%,transparent 68%,rgba(var(--scrim-rgb),.55) 100%)}.wave-aura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;clip-path:circle(0px at var(--ox, 50%) var(--oy, 35%));transition:clip-path 1.05s var(--ease),opacity .85s ease}.wave-aura.on{opacity:1;clip-path:circle(150vmax at var(--ox, 50%) var(--oy, 35%))}.wave-aura-gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:blur(52px) saturate(1.4);mix-blend-mode:screen;opacity:.62;-webkit-mask-image:radial-gradient(118% 96% at 50% 40%,transparent 34%,rgba(0,0,0,.5) 62%,#000 100%);mask-image:radial-gradient(118% 96% at 50% 40%,transparent 34%,rgba(0,0,0,.5) 62%,#000 100%);animation:auraBreathe 9s ease-in-out infinite}@keyframes auraBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.wave-aura{transition:opacity .4s ease;clip-path:none}.wave-aura-gl{animation:none}}.app{position:relative;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:4;padding:var(--s5) var(--s4);display:flex;flex-direction:column;gap:var(--s5);background:#0c0d108c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--hairline)}.brand{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.5px;padding:var(--s1) var(--s2)}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:10px var(--s3);border:none;background:transparent;border-radius:var(--r-md);color:var(--text-2);font-size:15px;font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{color:var(--text);background:var(--surface-2)}.nav-ico{font-size:20px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s4)}.viz-control{display:flex;flex-direction:column;gap:var(--s2)}.viz-label{color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.segmented{display:flex;background:var(--surface);border-radius:var(--r-sm);padding:2px}.seg{flex:1;border:none;background:transparent;color:var(--text-2);font-size:12px;padding:6px 4px;border-radius:6px;transition:background var(--dur),color var(--dur)}.seg.active{background:var(--surface-2);color:var(--text)}.user-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s3)}.user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.logout-btn{flex:none;display:inline-flex;border:none;background:transparent;color:var(--text-3);font-size:20px;padding:8px;border-radius:var(--r-sm);transition:color var(--dur),background var(--dur)}.logout-btn:hover{color:var(--warn);background:var(--surface)}.user-name{font-size:13px;font-weight:600}.user-plus{font-size:11px;color:var(--accent)}.user-plus.off{color:var(--warn)}.content{position:relative;z-index:1;margin-left:var(--sidebar-w);padding:var(--s6) var(--s6) calc(var(--mini-h) + var(--s6));max-width:1180px}.tabbar{display:none}.screen{display:flex;flex-direction:column;gap:var(--s6);animation:screenIn var(--dur) var(--ease) both}@keyframes screenIn{0%{opacity:0;transform:translateY(8px) scale(.994)}to{opacity:1;transform:none}}.screen-head{display:flex;align-items:center;justify-content:space-between}.screen-title{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.6px;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.35)}.wave-screen-title{display:inline-flex;align-items:center;gap:var(--s3)}.section-title{font-family:var(--font-display);font-size:19px;font-weight:650;margin:0 0 var(--s4);text-shadow:0 1px 4px rgba(0,0,0,.4)}section{margin:0}.wave-hero{position:relative;display:block;width:100%;height:200px;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;background:#0a0b10;cursor:pointer;box-shadow:var(--shadow-2);transition:transform var(--dur) var(--ease),border-color .6s var(--ease),background-color .7s var(--ease)}.wave-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 80% at 50% 50%,rgba(0,0,0,.34) 0%,rgba(0,0,0,.12) 38%,transparent 72%)}.wave-hero:hover{transform:translateY(-2px);border-color:#ffffff2e}.wave-hero.playing{border-color:transparent}.wave-hero.playing:hover{border-color:transparent;transform:none}.wave-hero .waveglow{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .7s var(--ease)}.waveglow{width:100%;height:100%;display:block;filter:blur(30px) saturate(1.6) brightness(1.05);animation:glowHue 22s linear infinite;will-change:filter,transform}.wave-hero.playing .waveglow{animation:glowHue 22s linear infinite,glowPulse 3.6s var(--ease) infinite}@keyframes glowHue{0%{filter:blur(30px) saturate(1.6) brightness(1.05) hue-rotate(0deg)}to{filter:blur(30px) saturate(1.6) brightness(1.05) hue-rotate(360deg)}}@keyframes glowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.wave-hero-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 34px #0006;transition:transform .16s var(--ease),background .16s}.wave-hero:hover .wave-hero-play{transform:translate(-50%,-50%) scale(1.08);background:#ffffff3d}.wave-hero.playing .wave-hero-play:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);animation:wavePing 2.4s var(--ease) infinite}@keyframes wavePing{0%{transform:scale(.92);opacity:.7}70%{opacity:0}to{transform:scale(1.5);opacity:0}}.wave-hero2{position:relative;display:block;width:100%;min-height:200px;border:1px solid var(--hairline);border-radius:var(--r-xl);overflow:hidden;background:var(--surface-strong);box-shadow:var(--shadow-2);cursor:pointer;text-align:left;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.wave-hero2:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.wh-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(44px) saturate(1.1) brightness(.46);transform:scale(1.25)}.wh-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08090bf0,#08090bb3 40%,#08090b33),linear-gradient(0deg,rgba(8,9,11,.45),transparent 55%)}.wh-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5) var(--s6);min-height:200px;justify-content:center;max-width:58%}.wh-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.82}.wh-title{font-family:var(--font-display);font-size:clamp(20px,2.3vw,30px);font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-cta{margin-top:var(--s2);align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--r-pill);background:#fff;color:#0a0b0d;font-weight:650;font-size:14px;box-shadow:var(--shadow-2);transition:transform var(--dur-fast) var(--ease)}.wave-hero2:hover .wh-cta{transform:scale(1.04)}.wh-fan{position:absolute;z-index:1;right:clamp(20px,4vw,60px);top:50%;transform:translateY(-50%);width:230px;height:150px}.wh-fan-img{position:absolute;top:50%;right:calc(var(--n) * 44px);width:132px;height:132px;object-fit:cover;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-pop);transform:translateY(-50%) rotate(calc(var(--n) * -6deg));transform-origin:bottom center;z-index:calc(10 - var(--n));transition:transform .4s var(--ease),right .4s var(--ease)}.wave-hero2:hover .wh-fan-img{right:calc(var(--n) * 56px);transform:translateY(-50%) rotate(calc(var(--n) * -9deg))}@media(max-width:720px){.wave-hero2,.wh-body{min-height:168px}.wh-fan{display:none}.wh-body{max-width:100%;padding:var(--s5) var(--s5)}.wh-scrim{background:linear-gradient(90deg,#08090be6,#08090b8c),linear-gradient(0deg,rgba(8,9,11,.5),transparent 60%)}}.station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s3)}.station-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:116px;padding:var(--s3) var(--s4);border:none;border-radius:var(--r-lg);text-align:left;color:#fff;overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-2);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.station-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .5s var(--ease)}.station-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#0000000d,#00000047 52%,#000000bd)}.station-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop),inset 0 0 0 1.5px color-mix(in srgb,var(--st-color, var(--accent)) 75%,transparent)}.station-tile:hover .station-img{transform:scale(1.06)}.station-tile-hero{min-height:150px;border-radius:var(--r-xl)}.station-name{font-family:var(--font-display);font-weight:650;font-size:16px;letter-spacing:-.2px;text-shadow:0 1px 6px rgba(0,0,0,.45);z-index:1}.station-tile-hero .station-name{font-size:22px}.station-sub{font-size:12px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.45);z-index:1}.station-play{position:absolute;right:var(--s3);top:var(--s3);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px;color:#fff;background:#00000047;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:scale(.85);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.station-tile:hover .station-play{opacity:1;transform:scale(1)}@media(hover:none){.station-play{opacity:1;transform:scale(1)}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s5)}.card{display:flex;flex-direction:column;gap:2px;padding:0;border:none;background:transparent;text-align:left;transition:transform var(--dur) var(--ease)}.card:hover{transform:translateY(-4px) scale(1.015)}.card:active{transform:scale(.97);transition-duration:var(--dur-fast)}.card-cover{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--s3);box-shadow:var(--shadow-2);transition:box-shadow var(--dur) var(--ease)}.card:hover .card-cover{box-shadow:var(--shadow-pop)}.card-cover img,.card-cover .cover-empty{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--ease)}.card:hover .card-cover img{transform:scale(1.05)}.card-cover.round{border-radius:50%}.card-play{position:absolute;right:var(--s3);bottom:var(--s3);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#04121a;background:var(--accent);box-shadow:0 6px 18px #0006;opacity:0;transform:translateY(8px);transition:opacity var(--dur),transform var(--dur)}@media(hover:hover){.card:hover .card-play{opacity:1;transform:translateY(0)}}@media(hover:none){.card-play{opacity:1;transform:none;width:38px;height:38px;font-size:17px}}.card-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.45)}.card-sub{color:#ffffffbd;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.cover-empty{display:block;background:var(--surface-2)}.tracklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.track-row{display:flex;align-items:center;gap:var(--s2);border-radius:var(--r-md);padding-right:var(--s3)}@media(hover:hover){.track-row:hover{background:var(--surface)}}.track-row.active{background:var(--surface)}.track-row.off{opacity:.4}.track-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s3);border:none;background:transparent;padding:var(--s2) var(--s2);text-align:left}.track-rank,.rank{width:22px;flex:none;text-align:center;color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums}.track-cover{position:relative;flex:none;width:44px;height:44px;border-radius:var(--r-sm);overflow:hidden}.track-cover img,.track-cover .cover-empty{width:44px;height:44px;border-radius:var(--r-sm);object-fit:cover}.track-cover-ov{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-size:18px;opacity:0;transition:opacity .15s var(--ease)}.track-cover-ov .eq-ind i{background:#fff}.track-row.active .track-cover-ov{opacity:1}@media(hover:hover){.track-row:hover .track-cover-ov{opacity:1}}.track-meta{min-width:0;display:flex;flex-direction:column}.track-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.track-row.active .track-title{color:var(--accent)}.track-sub{color:var(--text-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-link,.artist-link{cursor:pointer}.album-link:hover,.artist-link:hover{color:var(--text);text-decoration:underline}.track-actions{display:flex;align-items:center;gap:var(--s2)}.track-menu-btn{display:inline-flex;border:none;background:transparent;color:var(--text-3);font-size:18px;padding:6px;border-radius:var(--r-sm);opacity:.6;transition:opacity var(--dur),color var(--dur),background var(--dur)}.track-menu-btn:hover{color:var(--accent);background:var(--surface-2);opacity:1}@media(hover:hover){.track-menu-btn{opacity:0}.track-row:hover .track-menu-btn{opacity:1}}.track-dur{color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.eq-ind{display:inline-flex;align-items:flex-end;gap:2px;height:13px;margin-right:6px}.eq-ind i{width:3px;background:var(--accent);border-radius:2px;animation:eqbar .9s var(--ease) infinite}.eq-ind i:nth-child(1){height:40%;animation-delay:-.2s}.eq-ind i:nth-child(2){height:90%;animation-delay:-.5s}.eq-ind i:nth-child(3){height:60%;animation-delay:-.1s}.eq-ind.paused i{animation-play-state:paused}@keyframes eqbar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.slider{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.slider-track{position:relative;width:100%;height:5px;background:#ffffff2e;border-radius:var(--r-pill);overflow:hidden}.slider:hover .slider-track{height:6px}.slider-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:var(--r-pill)}.slider-knob{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;transform:translateY(-50%) scale(0);background:#fff;border-radius:50%;box-shadow:var(--shadow-1);transition:transform .12s var(--ease)}.slider:hover .slider-knob,.slider:focus-visible .slider-knob{transform:translateY(-50%) scale(1)}.mini{position:fixed;left:var(--sidebar-w);right:0;bottom:0;z-index:6;height:var(--mini-h);display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,2fr) minmax(180px,1fr);align-items:center;gap:var(--s5);padding:0 var(--s5);background:#0e0f13b8;-webkit-backdrop-filter:blur(28px) saturate(1.2);backdrop-filter:blur(28px) saturate(1.2);border-top:1px solid var(--hairline)}.mini-track{display:flex;align-items:center;gap:var(--s3);min-width:0}.mini-cover-btn{border:none;background:transparent;padding:0;flex:none}.cover{border-radius:var(--r-md);overflow:hidden;background:var(--surface-2);flex:none}.cover img{width:100%;height:100%;object-fit:cover;display:block}.mini-cover{width:56px;height:56px}.mini-meta{border:none;background:transparent;text-align:left;min-width:0;display:flex;flex-direction:row;align-items:center;gap:8px}.mini-meta-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-meta .eq-ind{margin-right:0;flex-shrink:0}.mini-title{min-width:0;font-weight:600;font-size:14px}.mini-artist{color:var(--text-2);font-size:13px}.marquee{overflow:hidden;white-space:nowrap;max-width:100%}.marquee-inner{display:inline-block;white-space:nowrap;will-change:transform}.marquee-inner.run{animation:marquee-bounce var(--mq-dur, 8s) ease-in-out 1s infinite alternate}@keyframes marquee-bounce{0%{transform:translate(0)}to{transform:translate(var(--mq-dist, 0))}}.mini-center{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.transport{display:flex;align-items:center;justify-content:center;gap:var(--s4)}.transport button{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text);font-size:19px;transition:transform .12s var(--ease),opacity var(--dur)}.transport button:active{transform:scale(.9)}.transport button:disabled{opacity:.3}.transport .play{width:40px;height:40px;border-radius:50%;background:var(--text);color:var(--bg);font-size:18px}.seek{display:flex;align-items:center;gap:var(--s3)}.seek .slider,.np-seek .slider,.np-volume .slider{flex:1;min-width:0}.time{color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums;width:38px;text-align:center}.mini-right{display:flex;align-items:center;gap:var(--s2);justify-content:flex-end}.vol{width:96px}.vol-ico{display:inline-flex;color:var(--text-2);font-size:16px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-2);font-size:20px;padding:6px;border-radius:var(--r-sm);transition:color var(--dur),background var(--dur)}.icon-btn:hover{color:var(--text);background:var(--surface)}.icon-btn.on{color:var(--accent)}.np-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.np-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.np-sheet{position:relative;width:100%;max-width:720px;height:calc(100% - max(env(safe-area-inset-top),10px));background:#0e0e11e6;-webkit-backdrop-filter:blur(40px) saturate(1.2);backdrop-filter:blur(40px) saturate(1.2);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--hairline);box-shadow:0 -20px 60px #0000008c;display:flex;flex-direction:column;padding:0 var(--s6) calc(var(--s6) + env(safe-area-inset-bottom));overflow:hidden;will-change:transform}.np-sheet:has(.np-body.with-queue){max-width:1060px}.np-body.with-queue .np-stage{flex:1;min-width:0}.np-grab-zone{flex:none;padding-top:8px;touch-action:none;cursor:grab}.np-grab-zone:active{cursor:grabbing}.np-grab{width:40px;height:5px;border-radius:3px;background:#ffffff40;margin:0 auto 4px}.np-top{display:flex;align-items:center;justify-content:space-between;padding:var(--s2) 0}.np-label{font-size:13px;color:var(--text-2);text-transform:uppercase;letter-spacing:1px}.np-body{flex:1;display:flex;justify-content:center;gap:var(--s7);min-height:0;padding-top:var(--s3);overflow:hidden}.np-stage{width:100%;max-width:460px;display:flex;flex-direction:column;min-height:0;gap:var(--s4)}.np-art{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.np-panel{flex:none;display:flex;flex-direction:column;gap:var(--s4);min-width:0}.np-cover-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.np-cover{height:100%;max-height:360px;max-width:100%;width:auto;aspect-ratio:1;margin:0;border-radius:var(--r-xl);box-shadow:var(--shadow-pop)}.np-cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.np-top-actions{display:flex;align-items:center;gap:var(--s1)}.lyrics{flex:1 1 auto;min-height:0;overflow-y:auto;text-align:center;padding:var(--s4) var(--s2);display:flex;flex-direction:column;gap:var(--s3);scrollbar-width:none}.lyrics::-webkit-scrollbar{display:none}.lyrics-line{margin:0;font-size:19px;font-weight:600;color:var(--text-3);transition:color .2s var(--ease),transform .2s var(--ease)}.lyrics-line.active{color:var(--text);transform:scale(1.05)}.lyrics-line.tappable{cursor:pointer}.lyrics-empty{color:var(--text-2);text-align:center;padding:var(--s7)}.np-info{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.np-text{min-width:0;flex:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.np-info-actions{flex:none;display:flex;align-items:center;gap:var(--s2)}.quality-badge{display:inline-flex;align-items:center;gap:5px;margin-top:var(--s2);color:var(--text-3);font-size:11.5px;font-weight:600;letter-spacing:.2px}.quality-badge svg{font-size:15px;opacity:.85}.quality-badge.hi{color:var(--accent)}.quality-badge.hi svg{opacity:1}.np-title{font-family:var(--font-display);font-size:26px;font-weight:750;letter-spacing:-.5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{color:var(--text-2);font-size:16px;margin-top:var(--s1)}.np-artist-btn{display:block;width:100%;border:none;background:transparent;padding:0;text-align:left;cursor:pointer}.np-artist-btn:hover .np-artist{color:var(--text)}.like-btn{flex:none;border:none;background:transparent;color:var(--text-2);font-size:26px;display:inline-flex;transition:color var(--dur),transform .12s var(--ease)}.like-btn:active{transform:scale(.85)}.like-btn.on{color:var(--accent)}.np-seek{display:flex;align-items:center;gap:var(--s3)}.np-controls{display:flex;align-items:center;justify-content:center;gap:var(--s5)}.ctl{position:relative;border:none;background:transparent;color:var(--text);font-size:24px;display:inline-flex;transition:transform .12s var(--ease),color var(--dur)}.ctl:active{transform:scale(.9)}.ctl:disabled{opacity:.3}.ctl.on{color:var(--accent)}.ctl.play{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-ink);align-items:center;justify-content:center;font-size:26px;box-shadow:var(--shadow-2)}.repeat-one{position:absolute;top:-2px;right:-4px;font-size:10px;font-weight:700}.np-volume{display:flex;align-items:center;gap:var(--s3);padding:0 2px}.np-volume .vol-ico{font-size:18px}.np-actions{display:flex;align-items:center;justify-content:center;gap:var(--s3)}.eq-toggle{display:inline-flex;align-items:center;gap:var(--s2);padding:8px 16px;border:none;border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--dur),color var(--dur),transform .12s var(--ease)}.eq-toggle svg{font-size:17px}.eq-toggle:hover{background:var(--surface-2);color:var(--text)}.eq-toggle:active{transform:scale(.96)}.eq-toggle.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.act{width:46px;height:46px;border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:20px;transition:border-color var(--dur),background var(--dur),color var(--dur)}.act.on{color:var(--accent-ink);background:var(--accent);border-color:transparent}.act:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--hairline))}.eq-panel{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg)}.eq-presets{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}.eq-bands{display:flex;justify-content:center;gap:var(--s5)}.eq-band{display:flex;flex-direction:column;align-items:center;gap:var(--s1)}.eq-slider{writing-mode:vertical-lr;direction:rtl;width:6px;height:96px;accent-color:var(--accent);cursor:pointer}.eq-gain{color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.eq-label{color:var(--text-3);font-size:11px}.queue{width:360px;flex:none;display:flex;flex-direction:column;gap:var(--s3);overflow-y:auto;padding-right:var(--s2)}.queue-head{font-size:13px;color:var(--text-2);text-transform:uppercase;letter-spacing:1px}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.queue-item{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-md)}.queue-item:hover,.queue-item.active{background:var(--surface)}.queue-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s3);border:none;background:transparent;text-align:left}.queue-lead{width:22px;display:grid;place-items:center;flex:none}.state-msg{display:flex;flex-direction:column;align-items:center;gap:var(--s3);text-align:center;padding:var(--s7) var(--s4);color:var(--text-2)}.state-title{font-family:var(--font-display);font-size:20px;font-weight:650;color:var(--text)}.state-hint{max-width:360px}.state-msg.error .state-title{color:var(--warn)}.sk{display:block;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2)}.sk-cover{width:44px;height:44px;border-radius:var(--r-sm);flex:none}.sk-meta{display:flex;flex-direction:column;gap:var(--s2);flex:1}.sk-line{height:10px}.sk-card{width:100%;aspect-ratio:1;border-radius:var(--r-md)}.w70{width:70%}.w60{width:60%}.w40{width:40%}.btn-pill{display:inline-flex;align-items:center;gap:var(--s2);border:1px solid var(--hairline);background:var(--surface);color:var(--text);border-radius:var(--r-pill);padding:9px 16px;font-size:14px;font-weight:600;transition:background var(--dur),transform .12s var(--ease)}.btn-pill:hover{background:var(--surface-2)}.btn-pill:active{transform:scale(.97)}.btn-pill.sm{padding:7px 12px;font-size:13px}.btn-pill.lg{padding:12px 22px;font-size:15px;justify-content:center}.btn-pill.accent{background:var(--accent);color:var(--accent-ink);border-color:transparent}.play-all{margin-top:var(--s3)}.select{background:var(--surface);color:var(--text);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:8px 12px;font-size:13px}.collection-head{display:flex;gap:var(--s5);align-items:flex-end}.collection-cover{width:200px;height:200px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);flex:none}.collection-cover.round{border-radius:var(--r-pill)}.collection-cover img,.collection-cover .cover-empty{width:100%;height:100%;object-fit:cover}.artist-section{margin-top:var(--s7)}.artist-section .section-title{margin-bottom:var(--s3)}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.picker{position:relative;width:100%;max-width:460px;margin:var(--s4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--s3);box-shadow:var(--shadow-pop)}.picker-head{font-size:13px;color:var(--text-2);padding:var(--s2) var(--s3) var(--s3)}.picker-item{width:100%;display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border:none;background:transparent;color:var(--text);border-radius:var(--r-md);font-size:15px;text-align:left}.picker-item svg{font-size:18px;color:var(--text-2)}.picker-item:hover{background:var(--surface-2)}.picker-item.danger,.picker-item.danger svg{color:#ff6b6b}.picker-item:disabled{opacity:.5}.sheet-root.center{align-items:center}.confirm{position:relative;width:100%;max-width:420px;margin:var(--s4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--s5);box-shadow:var(--shadow-pop)}.confirm-msg{font-size:16px;line-height:1.4;margin-bottom:var(--s4)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--s2)}.collection-info{display:flex;flex-direction:column;gap:var(--s2)}.collection-kind{color:var(--text-2);font-size:12px;text-transform:uppercase;letter-spacing:1px}.collection-title{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-1px;margin:0}.collection-meta{color:var(--text-2);font-size:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--s5);background:var(--bg)}.login{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s7);background:var(--surface-strong);border:1px solid var(--hairline);border-radius:var(--r-xl);box-shadow:var(--shadow-pop)}.login-brand{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.8px}.login-lead{color:var(--text-2);margin:0}.steps{margin:0;padding-left:20px;color:var(--text-2);font-size:14px;display:flex;flex-direction:column;gap:var(--s2)}.steps li::marker{color:var(--accent)}.link{border:none;background:none;color:var(--accent);padding:0;font-weight:600}.link svg{vertical-align:-2px;margin-left:3px}.login input{padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--surface);color:var(--text);font-size:14px}.login-error{color:#ff6b6b;font-size:13px}.login-note{color:var(--text-3);font-size:12px;margin:0}.search-field{flex:1;display:flex;align-items:center;gap:var(--s2);padding:0 var(--s4);border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface)}.search-ico{color:var(--text-2);font-size:18px;flex:none}.search-field input{flex:1;min-width:0;padding:12px 0;border:none;background:transparent;color:var(--text);outline:none;font-size:15px}.toaster{position:fixed;left:50%;bottom:calc(var(--mini-h) + var(--s4));transform:translate(-50%);z-index:120;display:flex;flex-direction:column;gap:var(--s2);align-items:center;pointer-events:none}.toast{background:var(--surface-strong);border:1px solid var(--hairline);color:var(--text);padding:10px 18px;border-radius:var(--r-pill);box-shadow:var(--shadow-2);font-size:14px}.toast.error{border-color:var(--warn)}@media(min-width:861px){.np-root{align-items:stretch}.np-backdrop{background:#0006}.np-sheet,.np-sheet:has(.np-body.with-queue){max-width:none;width:100%;height:100%;border-radius:0;border-top:none;box-shadow:none;background:#090a0dd1;-webkit-backdrop-filter:blur(80px) saturate(1.3);backdrop-filter:blur(80px) saturate(1.3);padding:0 var(--s7) var(--s6)}.np-grab{display:none}.np-grab-zone{cursor:default;padding-top:var(--s4)}.np-top{width:100%;max-width:1180px;margin:0 auto;padding:var(--s2) 0}.np-label{font-size:14px}.np-body{align-items:center;gap:var(--s7);padding:var(--s4) 0 var(--s5)}.np-stage{flex-direction:row;align-items:center;justify-content:center;max-width:1100px;gap:clamp(var(--s6),6vw,88px)}.np-art{flex:none;width:min(52vh,480px);height:min(52vh,480px);align-items:center;justify-content:center}.np-cover{max-height:100%}.np-panel{flex:1 1 0;max-width:480px;gap:var(--s5)}.np-title{font-size:34px}.np-artist{font-size:18px}.np-controls{gap:var(--s6);flex-wrap:nowrap}.ctl{font-size:26px;flex:none}.ctl.play{width:72px;height:72px;font-size:30px;flex:none}.np-art .lyrics{width:100%}.np-body.with-queue .np-stage{flex:1 1 auto;max-width:none;min-width:0;gap:var(--s6)}.np-body.with-queue .np-art{width:min(34vh,300px);height:min(34vh,300px)}.np-body.with-queue .np-panel{max-width:460px}.np-body.with-queue .np-controls{gap:var(--s5)}.np-body.with-queue .queue{flex:none;width:clamp(280px,26vw,360px);height:100%}}@media(min-width:861px)and (max-width:1120px){.np-body.with-queue .np-art{display:none}}.mini-progress{display:none}.mini-progress-fill{height:100%;background:color-mix(in srgb,var(--accent),white 38%);border-radius:0 2px 2px 0;transition:width .2s linear}.home-settings-btn{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--surface);color:var(--text);font-size:21px;transition:background var(--dur) var(--ease)}.home-settings-btn:hover{background:var(--surface-2)}.settings-group{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4)}.setting-row+.setting-row{border-top:1px solid var(--hairline)}.setting-text{min-width:0}.setting-label{font-weight:600;font-size:15px}.setting-hint{color:var(--text-2);font-size:12.5px;margin-top:3px;line-height:1.35;max-width:420px}.setting-row .segmented{flex:none}.settings-foot{color:var(--text-3);font-size:12px;text-align:center;padding:var(--s4) 0}.history-head{display:flex;align-items:baseline;justify-content:space-between}.history-clear{border:none;background:transparent;color:var(--text-2);font-size:13px}.history-clear:hover{color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font-size:13px;transition:background var(--dur) var(--ease)}.chip:hover{background:var(--surface-2)}.search-clear{border:none;background:transparent;color:var(--text-3);font-size:20px;display:inline-grid;place-items:center}.search-clear:hover{color:var(--text)}.picker-note{padding:var(--s3) var(--s4);color:var(--text-3);font-size:13px}.picker-item-main{display:flex;flex-direction:column;min-width:0}.picker-item-sub{color:var(--text-3);font-size:12px}@media(max-width:860px){.sidebar{display:none}.mini-progress{display:block;position:absolute;top:0;left:0;right:0;height:2.5px;background:#ffffff1f}.content{margin-left:0;padding:calc(var(--s5) + env(safe-area-inset-top)) calc(var(--s4) + env(safe-area-inset-right)) calc(var(--mini-h) + var(--tabbar-h) + var(--s5) + env(safe-area-inset-bottom)) calc(var(--s4) + env(safe-area-inset-left));max-width:none}.mini{left:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:var(--s3);height:68px;padding:0 calc(var(--s4) + env(safe-area-inset-right)) 0 calc(var(--s4) + env(safe-area-inset-left))}.mini-center .seek,.mini-right{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:7;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#0c0d10d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--hairline)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--text-3);font-size:11px}.tab.active{color:var(--accent)}.tab-ico{font-size:21px}.toaster{bottom:calc(var(--mini-h) + var(--tabbar-h))}.np-sheet{padding-left:var(--s4);padding-right:var(--s4)}.np-body.with-queue{display:block;overflow:hidden}.np-body.with-queue .np-stage{display:none}.queue{width:100%;height:100%}.collection-head{flex-direction:column;align-items:flex-start}.collection-cover{width:150px;height:150px}.collection-title{font-size:28px}}@media(max-width:600px){.wave-hero{height:168px}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cards>*,.station-grid>*,.tracklist>*{animation:riseIn .42s var(--ease) both}.cards>*:nth-child(1),.station-grid>*:nth-child(1),.tracklist>*:nth-child(1){animation-delay:0ms}.cards>*:nth-child(2),.station-grid>*:nth-child(2),.tracklist>*:nth-child(2){animation-delay:35ms}.cards>*:nth-child(3),.station-grid>*:nth-child(3),.tracklist>*:nth-child(3){animation-delay:70ms}.cards>*:nth-child(4),.station-grid>*:nth-child(4),.tracklist>*:nth-child(4){animation-delay:105ms}.cards>*:nth-child(5),.station-grid>*:nth-child(5),.tracklist>*:nth-child(5){animation-delay:.14s}.cards>*:nth-child(6),.station-grid>*:nth-child(6),.tracklist>*:nth-child(6){animation-delay:175ms}.cards>*:nth-child(7),.station-grid>*:nth-child(7),.tracklist>*:nth-child(7){animation-delay:.21s}.cards>*:nth-child(8),.station-grid>*:nth-child(8),.tracklist>*:nth-child(8){animation-delay:245ms}.cards>*:nth-child(9),.station-grid>*:nth-child(9),.tracklist>*:nth-child(9){animation-delay:.28s}.cards>*:nth-child(10),.station-grid>*:nth-child(10),.tracklist>*:nth-child(10){animation-delay:315ms}.cards>*:nth-child(n+11),.station-grid>*:nth-child(n+11),.tracklist>*:nth-child(n+11){animation-delay:.35s}.nav-item{position:relative}.nav-item.active:before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item.active .nav-ico{color:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.eq-ind i,.bg-cover{animation:none}}