:root{--bg: #0e0e11;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--surface-strong: #16161b;--hairline: rgba(255, 255, 255, .09);--text: #f2f2f4;--text-2: #9b9ba3;--text-3: #6e6e78;--accent: #7f93ff;--accent-ink: #07080b;--warn: #f5b338;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 10px 30px rgba(0, 0, 0, .4);--shadow-pop: 0 24px 70px rgba(0, 0, 0, .55);--dur: .22s;--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}*{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(66px) saturate(1.25) brightness(.6);transform:scale(1.12);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(34px);opacity:.8;mix-blend-mode:screen}.bg-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 90% at 50% 18%,transparent 32%,rgba(8,9,12,calc(var(--scrim, .5) * .9)) 100%),linear-gradient(180deg,rgba(8,9,12,calc(var(--scrim, .5) + .28)),rgba(8,9,12,calc(var(--scrim, .5) - .06)) 30%,rgba(8,9,12,calc(var(--scrim, .5) + .34)))}.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(6px)}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}.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)}section{margin:0}.wave-hero{position:relative;display:block;width:100%;height:140px;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;background:#0a0b10;cursor:pointer;transition:transform var(--dur) var(--ease),border-color var(--dur)}.wave-hero:hover{transform:translateY(-2px);border-color:#ffffff2e}.wave-hero .waveglow{position:absolute;top:0;right:0;bottom:0;left:0}.waveglow{width:100%;height:100%;display:block;filter:blur(20px) saturate(1.8) brightness(1.05);animation:glowHue 18s linear infinite;will-change:filter}@keyframes glowHue{0%{filter:blur(20px) saturate(1.8) brightness(1.05) hue-rotate(0deg)}to{filter:blur(20px) saturate(1.8) brightness(1.05) hue-rotate(360deg)}}.wave-hero-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 8px 30px #00000059;transition:transform .16s var(--ease),background .16s}.wave-hero:hover .wave-hero-play{transform:translate(-50%,-50%) scale(1.08);background:#ffffff38}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s4)}.card{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);border:1px solid var(--hairline);background:var(--surface);border-radius:var(--r-lg);text-align:left;transition:transform var(--dur) var(--ease),background var(--dur)}.card:hover{transform:translateY(-3px);background:var(--surface-2)}.card img,.card .cover-empty{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-md)}.card-title{font-weight:600;font-size:14px}.card-sub{color:var(--text-2);font-size:12px}.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-actions button{display:inline-flex;border:none;background:transparent;color:var(--text-3);font-size:17px;padding:6px;border-radius:var(--r-sm);opacity:0;transition:opacity var(--dur),color var(--dur),background var(--dur)}@media(hover:hover){.track-row:hover .track-actions button{opacity:1}.track-actions button:hover{color:var(--accent);background:var(--surface-2)}}@media(hover:none){.track-actions button{display:none}}.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:column;gap:2px}.mini-title-row{display:flex;align-items:center;gap:6px;min-width:0}.mini-title{flex:1;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-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-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)}.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)}.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)}.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(max-width:860px){.sidebar{display:none}.content{margin-left:0;padding:var(--s5) var(--s4) calc(var(--mini-h) + var(--tabbar-h) + var(--s5));max-width:none}.mini{left:0;bottom:var(--tabbar-h);grid-template-columns:1fr auto;gap:var(--s3);height:68px;padding:0 var(--s4)}.mini-center .seek,.mini-right{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:7;height:var(--tabbar-h);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:120px}}@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}}