@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cf48e3e1.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/7e5f82a6.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg:#101019;--surface:#181821;--surface-2:#20202b;--surface-3:#2a2936;--text:#f2f0f7;--muted:#a9a5b9;--faint:#8f8ba1;--line:#2a2936;--line-strong:#454052;--accent:#c3a2ff;--accent-soft:rgba(183,144,255,.12);--on-accent:#21152f;--green:#8cdbb5;--warn:#f0c185;--shadow:0 18px 50px rgba(0,0,0,.2);--player-h:106px;--lyrics-padding:82px;--topbar-h:78px;--radius:22px}body.light{color-scheme:light;--bg:#f5f3f8;--surface:#fff;--surface-2:#eeebf3;--surface-3:#e3ddeb;--text:#282234;--muted:#666072;--faint:#6a6178;--line:#e2dcea;--line-strong:#c2b5d1;--accent:#6f40a8;--accent-soft:rgba(111,64,168,.09);--on-accent:#fff;--green:#2b7556;--warn:#87521a;--shadow:0 18px 50px rgba(45,27,70,.06)}*{box-sizing:border-box}body,html{margin:0;height:100%}html{scroll-padding-top:90px}body{background:var(--bg);color:var(--text);font:14px/1.6 Manrope,system-ui,'PingFang SC','Microsoft YaHei',sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{border:0;background:0 0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}a,button,input,select{touch-action:manipulation}[aria-disabled=true],button:disabled{opacity:.42;cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:5px}::selection{background:var(--accent);color:var(--on-accent)}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--accent);color:var(--on-accent);padding:12px 20px;border-radius:10px}.skip-link:focus{top:12px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px}.app-shell{height:100vh;height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;flex:none;height:var(--topbar-h);gap:28px;padding:0 32px;border-bottom:1px solid var(--line);background:var(--bg);z-index:10}.brand{display:flex;align-items:center;gap:12px;flex:none;min-width:216px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:14px;background:var(--accent-soft);color:var(--accent)}.brand-mark svg{width:22px;height:22px}.brand-name{font-size:20px;font-weight:750;letter-spacing:1px;line-height:1.3}.brand-name small{display:block;margin-top:4px;font:8px 'DM Mono',monospace;color:var(--muted);letter-spacing:2.8px}.global-search{display:flex;align-items:center;flex:1;gap:11px;max-width:460px;height:42px;padding:0 13px;margin:0 auto;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface);transition:border-color .18s}.global-search:focus-within{border-color:var(--accent)}.global-search>svg{width:17px;height:17px}.global-search input{border:0;outline:0;min-width:0;width:100%;background:0 0;font-size:12px}.global-search input::placeholder{color:var(--faint)}.global-search input::-webkit-search-cancel-button{display:none}kbd{font:10px/1.5 'DM Mono',monospace;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface-2);padding:3px 6px;white-space:nowrap;color:var(--muted)}.search-clear{display:grid;place-items:center;width:28px;height:32px;color:var(--muted)}.search-clear svg{width:15px;height:15px}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;flex:none;border-radius:12px;border:1px solid var(--line-strong);color:var(--muted);background:var(--surface);transition:background .18s,color .18s,border-color .18s}.icon-btn:not(:disabled):hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.icon-btn.subtle{border-color:transparent;background:0 0}.upload-btn{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);font-size:12px;font-weight:650}.upload-btn:hover{background:var(--surface-2)}.upload-btn svg{width:16px;height:16px}#themeBtn .ic-moon,body.light #themeBtn .ic-sun{display:none}body.light #themeBtn .ic-moon{display:block}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:306px minmax(0,1fr);overflow:hidden}.sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px 18px 12px;border-right:1px solid var(--line);background:var(--bg)}.library-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:23px}.section-kicker{margin:0 0 7px;font:9px/1.5 'DM Mono',monospace;letter-spacing:2px;color:var(--faint)}.library-head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:19px;font-weight:700}.song-pill{display:inline-grid;place-items:center;min-width:25px;height:22px;padding:0 7px;border-radius:7px;background:var(--surface-2);color:var(--muted);font:10px 'DM Mono',monospace}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:18px 8px 12px;color:var(--faint);font-size:10px}.library-tools select{background:0 0;border:0;font-size:10px;color:var(--muted);max-width:120px;padding:6px 0;cursor:pointer}.library-tools select option{background:var(--surface)}.library-status{margin:0 6px 10px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--warn);font-size:11px;overflow-wrap:anywhere}.side-song-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px}.side-song{display:flex;align-items:center;min-height:70px;gap:5px;margin-bottom:3px;border:1px solid transparent;border-radius:12px;position:relative}.side-song:hover{background:var(--surface)}.side-song.playing{background:var(--accent-soft);border-color:var(--line-strong)}.side-song.playing::before{content:'';position:absolute;left:-1px;height:24px;width:3px;border-radius:4px;background:var(--accent)}.song-select{display:flex;flex:1;min-width:0;align-items:center;text-align:left;gap:11px;padding:10px;border-radius:10px}.side-cover{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:var(--accent);background:linear-gradient(135deg,var(--surface-3),var(--surface-2))}.side-cover img{width:100%;height:100%;object-fit:cover}.side-cover>svg{width:19px;height:19px}.song-label{flex:1;min-width:0}.song-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.song-label small{display:block;margin-top:3px;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-song.playing .song-label strong{color:var(--accent)}.eq{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:3px;background:rgba(16,16,25,.65)}.is-playing .side-song.playing .eq{display:flex}.eq i{width:3px;height:13px;border-radius:4px;background:#d3b9ff;animation:equalize .8s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.3s;height:19px}.eq i:nth-child(3){animation-delay:-.6s;height:9px}@keyframes equalize{to{transform:scaleY(.35)}}.side-empty{padding:40px 16px;text-align:center;color:var(--muted);font-size:12px;line-height:1.9;overflow-wrap:anywhere}.side-empty svg{margin:0 auto 16px;width:29px;height:29px;color:var(--accent)}.side-empty strong{display:block;margin-bottom:5px;color:var(--text);font-weight:600}.side-empty button{display:inline-block;margin-top:14px;color:var(--accent);min-height:36px;padding:4px 12px;border:1px solid var(--line-strong);border-radius:8px}.load-more{flex:none;min-height:40px;color:var(--accent);font-size:11px;border-top:1px solid var(--line)}.sidebar-foot{display:flex;flex:none;align-items:center;justify-content:space-between;padding:14px 8px 0;margin-top:10px;border-top:1px solid var(--line);color:var(--faint);font-size:10px}.sidebar-foot>span{display:flex;gap:7px;align-items:center}.sidebar-foot button{min-height:36px;min-width:32px;display:grid;place-items:center}.sidebar-foot button svg{width:16px;height:16px}.status-dot{display:inline-block;width:5px;height:5px;flex:none;border-radius:50%;background:var(--green)}.status-dot.offline{background:var(--warn)}.content{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:23px;padding:29px clamp(24px,3.6vw,62px) 24px;background:radial-gradient(ellipse at 76% 15%,rgba(137,101,197,.07),transparent 55%),var(--bg)}.content>*{width:100%;max-width:1100px;margin-inline:auto}.content-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.content-heading h2{font-size:23px;letter-spacing:.3px;margin:0;font-weight:650}.content-heading .section-kicker{font-size:8px;letter-spacing:2.1px}.view-actions{display:flex;align-items:center;gap:6px}.library-jump{display:none;align-items:center;gap:6px;font-size:12px;padding:8px;color:var(--muted)}.library-jump svg{width:15px;height:15px}.hero{display:flex;flex:none;align-items:center;gap:clamp(26px,4vw,68px);padding:32px 34px 34px;min-height:288px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(125deg,var(--surface-2),var(--surface));position:relative;overflow:hidden}.hero::after{content:'';position:absolute;width:350px;height:350px;right:-220px;bottom:-230px;border:1px solid var(--line-strong);border-radius:50%;box-shadow:0 0 0 36px var(--surface),0 0 0 37px var(--line),0 0 0 72px var(--surface),0 0 0 73px var(--line);pointer-events:none;opacity:.4}.hero-art-wrap{--art-size:clamp(144px,14.5vw,222px);--disc-offset:34px;position:relative;flex:none;width:var(--art-size);height:var(--art-size);margin-right:var(--disc-offset);margin-bottom:12px}.hero-art{width:100%;height:100%;position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 24% 18%,#bea0bf,transparent 65%),radial-gradient(ellipse at 100% 85%,#759292,transparent 70%),linear-gradient(145deg,#b094b6,#574d76 70%);box-shadow:0 12px 35px rgba(0,0,0,.25)}.hero-art>span{display:grid;place-items:center;width:72%;height:72%;border:1px solid rgba(255,255,255,.26);border-radius:50%;font:italic 78px Georgia,serif;color:#f4e6f6}.disc-label img,.hero-art img,.mini-art img{width:100%;height:100%;object-fit:cover}.hero-disc{position:absolute;right:calc(-1 * var(--disc-offset));top:3%;height:94%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#18171d 0 2px,#282630 2px 3px,#14131a 3px 5px);border:1px solid #35303d;box-shadow:0 7px 24px rgba(0,0,0,.22);animation:disc-spin 28s linear infinite;animation-play-state:paused}.disc-label{position:absolute;inset:33%;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#8d709e;color:#f4e6f6}.hero-disc::after{content:'';position:absolute;inset:calc(50% - 4px);background:#131119;border-radius:50%}.is-playing .hero-disc{animation-play-state:running}@keyframes disc-spin{to{transform:rotate(360deg)}}.art-caption{position:absolute;left:0;right:0;bottom:-23px;white-space:nowrap;text-align:center;font:7px 'DM Mono',monospace;letter-spacing:1.8px;color:var(--faint)}.hero-copy{position:relative;flex:1;min-width:0;z-index:1}.eyebrow{color:var(--accent);margin:0 0 12px;font:8px/1.6 'DM Mono',monospace;letter-spacing:2px}.hero-copy h1{margin:0;font-size:clamp(25px,3vw,43px);line-height:1.35;font-weight:700;letter-spacing:-1px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-subtitle{color:var(--muted);margin:10px 0 0;font-size:12px;overflow-wrap:anywhere}.track-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px}.track-badges span{border:1px solid var(--line-strong);border-radius:5px;padding:3px 7px;color:var(--muted);font:11px/1.5 'DM Mono',system-ui,sans-serif;overflow-wrap:anywhere}.audio-quality-help{margin-block:22px;padding-top:10px;border-top:1px solid var(--line);scroll-margin-top:12px}.audio-quality-help h3{font-size:16px;margin:10px 0}.audio-quality-help p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0}.audio-quality-help #sourceAudioInfo{color:var(--text)}.hero-actions .audio-quality-trigger{font-size:12px;min-height:36px}.audio-compatibility-note{margin:12px 0 0;font-size:12px;line-height:1.8;color:var(--warn);overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.ghost-btn,.primary-btn{min-height:43px;padding:10px 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-size:12px;font-weight:650}.primary-btn{background:var(--accent);color:var(--on-accent);transition:filter .16s,transform .16s}.primary-btn:not(:disabled):hover{filter:brightness(1.09)}.primary-btn:not(:disabled):active{transform:scale(.97)}.primary-btn svg{width:17px;height:17px}.ghost-btn{background:var(--surface-2);border:1px solid var(--line-strong)}.ghost-btn:hover{border-color:var(--accent)}.download-btn{width:42px;height:42px;background:0 0}.download-btn svg{width:17px;height:17px}.ic-pause{display:none}.playing .ic-pause{display:block}.playing .ic-play{display:none}.lyrics-spotlight{display:flex;flex-direction:column;flex:1 0 286px;min-height:286px;max-height:480px;position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:radial-gradient(ellipse at 50% 48%,rgba(158,119,206,.08),transparent 65%),var(--surface)}.spotlight-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 24px 0;z-index:1;flex:none}.spotlight-label h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:0}.spotlight-label h2 svg{width:15px;height:15px;color:var(--accent)}.spotlight-label h2 span{font-size:10px;font-weight:400;color:var(--faint);margin-left:6px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;font-size:10px;color:var(--accent)}.text-btn:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}.text-btn svg{width:14px;height:14px}.lyrics-stage{flex:1;min-height:0;height:230px;padding:6px 20px;position:relative}.home-lyrics{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;text-align:center;scroll-padding-block:35%;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.home-lyrics::-webkit-scrollbar{display:none}.home-lyrics.has-lyrics{padding-block:var(--lyrics-padding)}.lyric-line{white-space:pre-line;display:block;width:100%;min-height:48px;margin:0;padding:8px 12px;line-height:1.65;color:var(--muted);font-size:15px;font-weight:450;overflow-wrap:anywhere;transition:color .2s,background .2s;border-radius:9px}button.lyric-line:hover{color:var(--text);background:var(--accent-soft)}.lyric-line.current{color:var(--accent);font-weight:700;font-size:20px}.lyrics-empty{min-height:100%;padding:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lyrics-empty-icon{color:var(--accent);opacity:.45;font:64px/.9 Georgia,serif;height:44px}.lyrics-empty p{margin:9px 0 8px;font-size:19px;font-weight:550;letter-spacing:.5px}.lyrics-empty small{font-size:11px;color:var(--muted)}.lyrics-footer{display:flex;align-items:center;justify-content:space-between;padding:3px 24px 17px;font-size:9px;color:var(--faint);flex:none}.spectrum{display:flex;align-items:center;gap:3px;height:20px}.spectrum i{height:10px;width:2px;border-radius:4px;background:var(--accent);animation:equalize .9s ease-in-out infinite alternate paused}.spectrum i:nth-child(2n){height:17px;animation-delay:-.3s}.spectrum i:nth-child(3n){height:22px;animation-delay:-.6s}.is-playing .spectrum i{animation-play-state:running}.player-bar{position:relative;z-index:12;display:grid;grid-template-columns:minmax(180px,270px) minmax(240px,1fr) minmax(110px,210px);gap:30px;align-items:center;min-height:var(--player-h);padding:12px 32px;background:var(--surface);border-top:1px solid var(--line);flex:none}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.mini-art{display:grid;place-items:center;width:51px;height:51px;flex:none;background:var(--surface-3);color:var(--accent);border-radius:11px;overflow:hidden}.mini-art svg{width:22px;height:22px}.track-text{min-width:0}.track-text strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text span{display:block;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{width:100%;max-width:630px;margin:auto;display:flex;flex-direction:column;gap:6px;min-width:0}.controls{position:relative;display:flex;justify-content:center;align-items:center;gap:19px;min-height:43px}.controls button,.volume button{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;flex:none;color:var(--muted)}.controls button:not(:disabled):hover,.volume button:hover{color:var(--accent);background:var(--accent-soft)}.controls button svg{width:18px;height:18px}.controls .play-btn{width:43px;height:43px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.controls .play-btn:not(:disabled):hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.1)}.controls .play-btn svg{width:20px;height:20px}.controls .mode-btn{color:var(--accent)}.playback-status{position:absolute;left:calc(50% + 125px);font-size:9px;color:var(--muted);white-space:nowrap}.timeline{display:flex;align-items:center;gap:11px;color:var(--muted);font:10px 'DM Mono',monospace;min-width:0}.timeline>span{min-width:32px;text-align:center}.timeline input{flex:1;min-width:0}input[type=range]{-webkit-appearance:none;appearance:none;height:20px;background:0 0;cursor:pointer;margin:0}input[type=range]:disabled{cursor:default;opacity:.4}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:linear-gradient(to right,var(--accent) var(--fill,0),var(--line-strong) var(--fill,0))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);margin-top:-3.5px}input[type=range]::-moz-range-track{height:4px;background:var(--line-strong);border-radius:8px}input[type=range]::-moz-range-progress{background:var(--accent);height:4px;border-radius:8px}input[type=range]::-moz-range-thumb{border:0;width:11px;height:11px;border-radius:50%;background:var(--accent)}.volume{display:flex;align-items:center;justify-content:flex-end;gap:6px}.volume input{width:87px}.volume button svg{width:18px;height:18px}#muteBtn .ic-mute,#muteBtn.muted .ic-vol{display:none}#muteBtn.muted .ic-mute{display:block}.focus-mode .workspace{grid-template-columns:minmax(0,1fr)}.focus-mode .library-jump,.focus-mode .sidebar{display:none}.focus-mode .content{padding-inline:max(24px,calc((100% - 1000px)/ 2))}.focus-mode #focusBtn{color:var(--accent);background:var(--accent-soft)}.page-hidden *,.page-hidden ::after,.page-hidden ::before{animation-play-state:paused!important}.modal{color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:22px;width:min(520px,calc(100% - 32px));padding:26px;box-shadow:var(--shadow);max-height:calc(100dvh - 48px);overflow-y:auto}.modal::backdrop{background:rgba(5,5,12,.75)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal h2{margin:0;font-size:21px}.modal .icon-btn{border:0;background:var(--surface-2)}.upload-notice{font-size:12px;line-height:1.8;color:var(--warn);border-left:2px solid var(--warn);padding-left:12px;margin:20px 0}.drop-zone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;padding:30px 16px;border:1px dashed var(--line-strong);border-radius:15px;background:var(--accent-soft)}.drop-zone:hover{border-color:var(--accent)}.drop-zone>svg{width:28px;height:28px;color:var(--accent);margin-bottom:4px}.drop-zone strong{font-size:14px}.drop-zone span{font-size:10px;color:var(--muted)}.drop-zone small{font-size:11px;color:var(--muted)}.upload-tip{font-size:11px;color:var(--muted);margin:14px 0}.upload-selection{font-size:12px;color:var(--muted);max-height:155px;overflow-y:auto;border-block:1px solid var(--line);padding:12px 0}.upload-selection ul{padding:0 0 0 18px;margin:8px 0 0}.upload-selection li{overflow-wrap:anywhere;padding-block:3px}.upload-selection .invalid{color:var(--warn)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.shortcuts-modal{max-width:440px}.playback-diagnostics{padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.playback-diagnostics summary{cursor:pointer;min-height:36px;overflow-wrap:anywhere}.playback-diagnostics textarea{display:block;width:100%;min-width:0;margin:8px 0;padding:10px;resize:vertical;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:9px;font:12px/1.6 'DM Mono',monospace}.shortcut-list{margin:18px 0}.shortcut-list>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.shortcut-list dd{display:flex;gap:5px;margin:0}.drop-overlay{position:fixed;inset:14px;z-index:90;pointer-events:none;border:2px dashed var(--accent);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(16,16,25,.95);color:#f2f0f7}.drop-overlay svg{width:52px;height:52px;color:#c3a2ff}.drop-overlay strong{font-size:22px;text-align:center}.drop-overlay span{font-size:12px;color:#b8b0c9}.toast{position:fixed;z-index:95;bottom:calc(var(--player-h) + 18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);max-width:min(500px,calc(100vw - 32px));padding:12px 20px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;overflow-wrap:anywhere}.toast.show{opacity:1;transform:translate(-50%,0)}.upload-progress{position:fixed;z-index:40;right:22px;bottom:calc(var(--player-h) + 18px + env(safe-area-inset-bottom));width:min(380px,calc(100vw - 32px));border:1px solid var(--line-strong);border-radius:16px;padding:17px 20px;background:var(--surface);box-shadow:var(--shadow)}.upload-progress-foot,.upload-progress-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.upload-progress-head>span{overflow-wrap:anywhere;min-width:0}.upload-progress-head button{white-space:nowrap;flex:none}.upload-progress-track{height:5px;background:var(--line-strong);border-radius:8px;margin:12px 0;overflow:hidden}.upload-progress-track i{height:100%;width:0;display:block;background:var(--accent);border-radius:inherit;transition:width .15s}.upload-progress-foot{color:var(--muted);font-size:10px}.upload-progress-foot strong{color:var(--accent);font:10px 'DM Mono',monospace}.upload-errors{max-height:120px;overflow:auto;padding-left:16px;color:var(--warn);font-size:10px;overflow-wrap:anywhere}.noscript-notice{position:fixed;inset:auto 16px 130px;padding:24px;z-index:100;background:var(--surface-3);border:1px solid var(--accent);border-radius:16px;text-align:center}@media (min-width:1600px){.workspace{grid-template-columns:340px minmax(0,1fr)}.content{padding-top:38px;gap:28px}.hero{min-height:340px;padding:44px}.hero-art-wrap{--art-size:244px}}@media (max-width:1100px){.workspace{grid-template-columns:270px minmax(0,1fr)}.topbar{padding-inline:24px;gap:22px}.brand{min-width:194px}.content{padding:24px;gap:18px}.hero{gap:27px;padding:25px}.hero-art-wrap{--art-size:146px;--disc-offset:26px}.hero-copy h1{font-size:29px}.hero-subtitle{font-size:11px}.player-bar{grid-template-columns:minmax(160px,220px) minmax(230px,1fr) 115px;gap:20px;padding-inline:24px}.volume input{width:65px}.playback-status{display:none}}@media (min-width:761px) and (max-width:900px){.workspace{grid-template-columns:246px minmax(0,1fr)}.sidebar{padding-inline:12px}.hero{gap:22px;padding:22px;min-height:238px}.hero-art-wrap{--art-size:108px;--disc-offset:18px}.hero-art>span{font-size:50px}.art-caption{font-size:6px;letter-spacing:.5px}.hero-copy h1{font-size:24px}.eyebrow{font-size:7px;letter-spacing:1px}.hero-actions{gap:7px;margin-top:16px}.primary-btn{padding-inline:13px}.download-btn{width:34px;height:40px}.player-bar{grid-template-columns:190px minmax(230px,1fr) 40px;gap:16px}.volume input{display:none}}@media (max-width:760px){:root{--topbar-h:70px;--player-h:148px}html{scroll-padding-top:145px}body{overflow:auto}.app-shell{height:auto;min-height:100vh;min-height:100dvh}.topbar{min-height:var(--topbar-h);height:auto;padding:14px 20px;gap:12px;flex-wrap:wrap;position:sticky;top:0}.brand{min-width:0;margin-right:auto}.brand-mark{width:35px;height:35px;border-radius:11px}.brand-mark svg{width:18px;height:18px}.brand-name{font-size:17px}.brand-name small{font-size:7px;letter-spacing:2px}.top-actions{gap:8px}.top-actions .icon-btn{width:38px;height:38px}.upload-btn{min-height:38px;padding:0 12px;font-size:11px}.global-search{order:3;flex-basis:100%;max-width:none;margin:0;height:38px}.global-search input{font-size:16px}.global-search kbd{display:none}.workspace{display:flex;flex-direction:column;overflow:visible}.content{order:1;padding:23px 20px 16px;overflow:visible;gap:19px}.content-heading h2{font-size:21px}.content-heading .section-kicker{font-size:7px;letter-spacing:1.6px}.library-jump{display:flex}.hero{min-height:240px;padding:24px;gap:30px}.hero-art-wrap{--art-size:140px;--disc-offset:26px}.hero-copy h1{font-size:29px}.hero-actions{gap:8px;margin-top:17px}.lyrics-spotlight{flex:none;min-height:0;height:276px}.spotlight-label{padding:15px 19px 0}.lyrics-stage{min-height:0;padding:4px 12px}.lyrics-empty p{font-size:18px}.lyrics-footer{padding:0 20px 13px}.sidebar{order:2;padding:18px 20px calc(var(--player-h) + 30px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);overflow:visible}.library-head{margin-bottom:16px;padding:0}.library-head .section-kicker{font-size:8px}.side-song-list{overflow:visible;min-height:150px;padding:0}.song-label strong{font-size:13px}.song-label small{font-size:11px}.side-song{min-height:73px}.side-cover{width:47px;height:47px}.sidebar-foot{padding-top:12px}.load-more{min-height:46px}.player-bar{position:fixed;bottom:0;left:0;right:0;min-height:calc(var(--player-h) + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 14px;padding:9px 20px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(0,0,0,.12)}.player-track{grid-column:1;grid-row:1}.mini-art{width:39px;height:39px;border-radius:9px}.track-text strong{font-size:12px}.track-text span{font-size:10px;margin-top:1px}.volume{grid-column:2;grid-row:1}.volume input{width:57px}.player-center{grid-column:1/-1;grid-row:2;gap:0;max-width:none}.controls{gap:23px;min-height:43px}.controls button{width:40px;height:40px}.controls .play-btn{width:40px;height:40px}.timeline{height:25px;font-size:9px}.focus-mode .content{padding-inline:20px;padding-bottom:calc(var(--player-h) + 25px + env(safe-area-inset-bottom))}.upload-progress{right:16px}}@media (max-width:480px){.topbar{padding:12px 16px}.content{padding-inline:16px;gap:16px}.content-heading h2{font-size:20px}.content-heading .section-kicker{letter-spacing:1px;font-size:6px}.hero{min-height:210px;gap:23px;padding:22px 17px}.hero-art-wrap{--art-size:106px;--disc-offset:19px}.hero-art>span{font-size:50px}.art-caption{letter-spacing:.5px;font-size:6px}.hero-copy h1{font-size:23px;letter-spacing:-.5px}.eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:8px}.hero-subtitle{font-size:10px;margin-top:7px}.track-badges{gap:4px;margin-top:9px}.track-badges span{font-size:11px;padding:2px 5px}.hero-actions{gap:6px;margin-top:14px;flex-wrap:wrap}.hero-actions .primary-btn{min-height:37px;font-size:11px;padding:8px 12px;gap:5px}.hero-actions .primary-btn svg{width:14px;height:14px}.download-btn{width:32px;height:37px;border-radius:9px}.download-btn svg{width:15px;height:15px}.lyrics-spotlight{height:265px}.spotlight-label h2 span{font-size:9px;margin-left:0}.lyrics-empty p{font-size:17px}.lyric-line{font-size:14px}.lyric-line.current{font-size:18px}.sidebar{padding-inline:16px}.player-bar{padding-inline:16px}.modal{padding:20px}.drop-overlay strong{font-size:18px}}@media (max-width:360px){.hero{gap:19px;padding-inline:13px}.hero-art-wrap{--art-size:86px;--disc-offset:14px}.hero-copy h1{font-size:21px}.hero-actions{gap:5px}.download-btn{width:29px}.hero-actions .primary-btn{padding-inline:10px}.top-actions{gap:5px}.upload-btn{padding-inline:9px}}@media (orientation:landscape) and (max-height:520px) and (min-width:761px){:root{--topbar-h:57px;--player-h:88px}.sidebar{padding-top:15px}.library-head{margin-bottom:12px}.content{padding-block:16px}.hero{min-height:210px}.player-bar{padding-block:7px}}@media (pointer:coarse){input[type=range]{height:28px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}input[type=range]::-moz-range-thumb{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}