:root{--bg-rgb:10 16 29;--surface-rgb:19 26 41;--fg-rgb:233 241 249;--muted-rgb:148 161 180;--border-rgb:43 52 70;--accent-rgb:66 219 234;--gold-rgb:230 199 129;--bg-deep-rgb:3 6 16;--danger-rgb:249 119 112;--bg:rgb(var(--bg-rgb));--surface:rgb(var(--surface-rgb));--fg:rgb(var(--fg-rgb));--muted:rgb(var(--muted-rgb));--border:rgb(var(--border-rgb));--accent:rgb(var(--accent-rgb));--gold:rgb(var(--gold-rgb));--bg-deep:rgb(var(--bg-deep-rgb));--danger:rgb(var(--danger-rgb));--accent-soft:rgb(var(--accent-rgb) / 15%);--accent-line:rgb(var(--accent-rgb) / 42%);--gold-soft:rgb(var(--gold-rgb) / 13%);--fg-soft:rgb(var(--fg-rgb) / 6%);--fg-faint:rgb(var(--fg-rgb) / 3.5%);--scrim:rgb(var(--bg-deep-rgb) / 78%);--danger-soft:rgb(var(--danger-rgb) / 16%);--font-display:"Marcellus", "Noto Serif SC", Georgia, serif;--font-head:"Noto Serif SC", "Marcellus", serif;--font-body:"Sora", "Noto Sans SC", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-body:14px;--gap-xs:6px;--gap-sm:10px;--gap-md:16px;--gap-lg:24px;--radius:9px;--radius-lg:14px;--topbar-h:60px}@supports (color:oklch(0.5 0.1 200)){:root{--bg:oklch(17.5% .028 265);--surface:oklch(21.8% .032 265);--fg:oklch(95.5% .014 250);--muted:oklch(70.5% .032 258);--border:oklch(32.5% .035 265);--accent:oklch(82% .125 205);--gold:oklch(84% .095 86);--bg-deep:oklch(12.5% .026 265);--danger:oklch(72% .16 25)}}*,:before,:after{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg-deep);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow:hidden}#root{position:fixed;inset:0;overflow:hidden}.app{z-index:1;flex-direction:column;height:100%;display:flex;position:relative;container:app/inline-size}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance;margin:0}::selection{background:var(--accent-soft);color:var(--fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}#fish{z-index:0;pointer-events:none;display:block;position:fixed;inset:0}.moon-glow{z-index:0;pointer-events:none;background:radial-gradient(920px 640px at 80% 6%, var(--accent-soft), transparent 62%), radial-gradient(700px 520px at 8% 92%, var(--gold-soft), transparent 60%), radial-gradient(1200px 800px at 50% 50%, rgb(var(--bg-rgb) / 60%), transparent 100%);position:fixed;inset:0}.star-field{z-index:0;pointer-events:none;opacity:.55;background:radial-gradient(1.4px 1.4px at 14% 24%, var(--fg), transparent), radial-gradient(1.2px 1.2px at 32% 10%, var(--accent), transparent), radial-gradient(1.6px 1.6px at 52% 18%, var(--fg), transparent), radial-gradient(1.2px 1.2px at 70% 34%, var(--gold), transparent), radial-gradient(1.6px 1.6px at 86% 12%, var(--fg), transparent), radial-gradient(1.2px 1.2px at 24% 68%, var(--accent), transparent), radial-gradient(1.4px 1.4px at 62% 82%, var(--fg), transparent), radial-gradient(1.2px 1.2px at 92% 66%, var(--gold), transparent), radial-gradient(1.4px 1.4px at 44% 92%, var(--accent), transparent);position:fixed;inset:0}.topbar{height:var(--topbar-h);align-items:center;gap:var(--gap-md);border-bottom:1px solid var(--border);background:rgb(var(--bg-rgb) / 82%);-webkit-backdrop-filter:blur(16px);z-index:30;flex-shrink:0;padding:0 16px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{border:1px solid var(--accent-line);background:radial-gradient(120% 120% at 30% 20%, var(--accent-soft), transparent 70%);width:34px;height:34px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.brand-mark svg{width:19px;height:19px}.brand-txt{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand-txt .zh{font-family:var(--font-head);letter-spacing:.04em;white-space:nowrap;font-size:15px;font-weight:600}.brand-txt .en{font-family:var(--font-display);letter-spacing:.34em;color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:9.5px}.search-wrap{flex:1;max-width:440px;margin-inline:auto;position:relative}.search-wrap svg{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search{background:rgb(var(--bg-deep-rgb) / 60%);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:999px;padding:9px 12px 9px 34px;font-size:13px;transition:border-color .18s,box-shadow .18s}.search::placeholder{color:var(--muted)}.search:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.top-actions{align-items:center;gap:var(--gap-xs);margin-left:auto;display:flex}.q-badge{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;display:inline-flex}.q-badge:hover{background:rgb(var(--accent-rgb) / 24%)}.btn{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:500;transition:background .16s,border-color .16s,color .16s,transform 60ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{width:15px;height:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-deep);border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:#59deec}.btn-secondary{border-color:var(--border);color:var(--fg);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--muted);background:var(--fg-soft)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--fg);background:var(--fg-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:rgb(var(--danger-rgb) / 40%)}.btn-danger:hover:not(:disabled){background:rgb(var(--danger-rgb) / 26%)}.icon-btn{border:1px solid var(--border);border-radius:var(--radius);width:34px;height:34px;color:var(--muted);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{color:var(--fg);border-color:var(--muted)}.icon-btn svg{width:16px;height:16px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.workspace{flex:1;grid-template-columns:minmax(210px,278px) minmax(0,1fr) minmax(250px,346px);min-height:0;display:grid}.panel{scrollbar-width:thin;min-height:0;overflow-y:auto}.panel::-webkit-scrollbar{width:8px;height:8px}.panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.panel::-webkit-scrollbar-thumb:hover{background:var(--muted)}.sidebar{border-right:1px solid var(--border);background:rgb(var(--surface-rgb) / 68%);-webkit-backdrop-filter:blur(14px);flex-direction:column;display:flex}.side-head{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.side-head .count{color:var(--accent)}.side-head-right{align-items:center;gap:8px;display:flex}.side-add{width:22px;height:22px;color:var(--muted);border-radius:6px;place-items:center;transition:color .15s,background .15s;display:grid}.side-add:hover{color:var(--accent);background:var(--accent-soft)}.side-add svg{width:13px;height:13px}.side-new{padding:0 12px 8px}.side-new input{border-radius:var(--radius);border:1px solid var(--accent-line);background:var(--bg-deep);width:100%;color:var(--fg);padding:7px 10px;font-size:12.5px}.side-new input:focus{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.side-hint{color:var(--muted);padding:8px 16px 10px;font-size:11.5px;line-height:1.6}.side-del{width:24px;height:24px;color:var(--muted);opacity:0;border-radius:6px;flex-shrink:0;place-items:center;margin-right:4px;transition:opacity .15s,color .15s,background .15s;display:grid}.tree-row:hover .side-del,.side-del:focus-visible{opacity:1}.side-del:hover{color:var(--danger);background:var(--danger-soft)}.side-del svg{width:13px;height:13px}@media (hover:none){.side-del{opacity:.7}}.tree{padding:2px 8px 10px}.tree ul{border-left:1px solid var(--border);margin-left:15px;padding:0 0 0 13px}.tree-row{border-radius:8px;align-items:center;gap:2px;display:flex}.tree-row:hover{background:var(--fg-soft)}.tree-row.active{background:var(--accent-soft)}.tw{width:20px;height:26px;color:var(--muted);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.tw:hover{color:var(--fg)}.tw svg{width:12px;height:12px;transition:transform .18s}.tw.open svg{transform:rotate(90deg)}.tw.leaf{visibility:hidden}.tree-label{text-align:left;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 8px 5px 4px;display:flex}.tree-label .ti{color:var(--muted);flex-shrink:0}.tree-label .ti svg{width:15px;height:15px}.tree-row.active .tree-label .ti{color:var(--accent)}.tree-label .tn{min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.tree-row.active .tn{color:var(--accent)}.tree-label .tc{font-family:var(--font-mono);color:var(--muted);flex-shrink:0;font-size:10.5px}.content{background:rgb(var(--bg-rgb) / 55%);flex-direction:column;min-width:0;min-height:0;display:flex}.content-head{flex-shrink:0;padding:14px 18px 0}.crumbs{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;display:flex}.crumb{color:var(--muted);border-radius:7px;padding:4px 7px;font-size:13px;transition:color .15s,background .15s}.crumb:hover{color:var(--fg);background:var(--fg-soft)}.crumb.current{color:var(--fg);font-weight:500}.crumb-sep{color:var(--border);font-size:12px}.toolbar{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;padding-bottom:12px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:12px;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--fg);border-color:var(--muted)}.chip.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.toolbar .spacer{flex:1}.meta-line{font-family:var(--font-mono);color:var(--muted);font-size:11px}.select{border-radius:var(--radius);border:1px solid var(--border);background:rgb(var(--bg-deep-rgb) / 55%);color:var(--fg);padding:7px 11px;font-size:12.5px}.select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.seg{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.seg button{color:var(--muted);padding:7px 10px;font-size:12px;transition:color .15s,background .15s}.seg button+button{border-left:1px solid var(--border)}.seg button:hover{color:var(--fg)}.seg button.active{color:var(--accent);background:var(--accent-soft)}.seg button svg{width:15px;height:15px}.browser{scrollbar-width:thin;flex:1;min-height:0;padding:4px 18px 22px;overflow-y:auto}.browser::-webkit-scrollbar{width:8px}.browser::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.grp-title{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-family:var(--font-mono);margin:14px 0 10px}.grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px;display:grid}.cell{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border);background:rgb(var(--surface-rgb) / 74%);flex-direction:column;gap:9px;width:100%;padding:13px 13px 12px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative}.cell:hover{border-color:var(--muted);background:var(--surface);transform:translateY(-2px)}.cell-icon{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);background:var(--fg-faint);border-radius:10px;place-items:center;display:grid}.cell-icon svg{width:19px;height:19px}.cell[data-type=folder] .cell-icon{color:var(--gold);border-color:rgb(var(--gold-rgb) / 34%);background:var(--gold-soft)}.cell[data-type=playlist] .cell-icon{color:var(--accent)}.cell-name{color:var(--fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.cell-meta{font-family:var(--font-mono);color:var(--muted);margin-top:auto;font-size:10.5px}.track-list{border-top:1px solid var(--border)}.track-head,.track-row{border-bottom:1px solid var(--border);text-align:left;grid-template-columns:34px minmax(0,2.2fr) minmax(0,1.3fr) 76px 60px 66px;align-items:center;gap:12px;width:100%;padding:9px 10px;display:grid}.track-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.track-row{cursor:pointer;transition:background .15s}.track-row:hover{background:var(--fg-soft)}.track-row.playing{background:var(--accent-soft)}.tr-idx{color:var(--muted);text-align:center;place-items:center;display:grid}.tr-idx svg{width:15px;height:15px}.track-row.playing .tr-idx{color:var(--accent)}.tr-main{flex-direction:column;min-width:0;display:flex}.tr-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.track-row.playing .tr-title{color:var(--accent)}.tr-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.tr-album,.tr-q,.tr-dur{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tr-fav{height:30px;color:var(--muted);opacity:.5;place-items:center;transition:color .15s,opacity .15s;display:grid}.tr-fav:hover{opacity:1;color:var(--fg)}.tr-fav.on{color:var(--gold);opacity:1}.tr-fav svg{width:15px;height:15px}.tr-actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.tr-add{width:26px;height:30px;color:var(--muted);opacity:.5;place-items:center;padding:0;transition:color .15s,opacity .15s;display:grid}.tr-add:hover{opacity:1;color:var(--accent)}.tr-add svg{width:15px;height:15px}.tr-q.chunked{color:var(--gold)}.track-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.track-cell{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border);background:rgb(var(--surface-rgb) / 70%);cursor:pointer;flex-direction:column;gap:8px;padding:10px;transition:transform .18s,border-color .18s,background .18s;display:flex}.track-cell:hover{border-color:var(--muted);background:var(--surface);transform:translateY(-2px)}.track-cell.playing{border-color:var(--accent-line);background:#15202fd9}.tc-cover{aspect-ratio:16/10;border:1px solid var(--border);background:conic-gradient(from 210deg at 50% 50%, hsl(var(--h,196) 80% 60%), hsl(calc(var(--h,196) + 48) 64% 38%), hsl(calc(var(--h,196) - 34) 72% 26%), hsl(var(--h,196) 80% 60%));border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.tc-cover:after{content:"";background:repeating-linear-gradient(0deg, rgb(var(--bg-deep-rgb) / 32%) 0 1px, transparent 1px 4px);opacity:.22;position:absolute;inset:0}.tc-play{z-index:1;background:var(--scrim);border:1px solid var(--accent-line);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:relative}.tc-play svg{width:15px;height:15px}.tc-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.track-cell.playing .tc-title{color:var(--accent)}.tc-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.tc-meta{color:var(--muted);margin-top:auto;font-size:10.5px}.cover-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cover>:not(.cover-img){z-index:1}.pl-hero{align-items:flex-end;gap:18px;padding:6px 2px 18px;display:flex}.pl-cover{border-radius:var(--radius-lg);border:1px solid var(--border);width:132px;height:132px;color:var(--fg);background:conic-gradient(from 210deg at 50% 50%, hsl(var(--h,196) 80% 62%), hsl(calc(var(--h,196) + 46) 62% 38%), hsl(calc(var(--h,196) - 32) 72% 26%), hsl(var(--h,196) 80% 62%));box-shadow:0 18px 40px rgb(var(--bg-deep-rgb) / 60%);flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.pl-cover svg{opacity:.9;z-index:1;width:40px;height:40px;position:relative}.pl-cover .cover-img{border-radius:0}.pl-hero-meta{flex-direction:column;gap:7px;min-width:0;display:flex}.pv-type{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:10.5px}.pl-name{font-family:var(--font-head);font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.15}.pl-desc{color:var(--muted);max-width:52ch;font-size:12.5px;line-height:1.6}.pl-stats{color:var(--muted);font-size:11.5px}.pl-actions{gap:10px;padding:0 2px 16px;display:flex}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-lg);margin-top:18px;padding:56px 20px;font-size:13px}.empty strong{color:var(--fg);font-family:var(--font-head);margin-bottom:6px;font-size:16px;display:block}.empty code{font-family:var(--font-mono);color:var(--accent);background:var(--fg-faint);border-radius:5px;padding:2px 6px;font-size:12px}.empty pre{font-family:var(--font-mono);color:var(--accent);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);text-align:left;max-width:320px;margin:14px auto 0;padding:12px 14px;font-size:12px;overflow-x:auto}.nowpanel{border-left:1px solid var(--border);background:rgb(var(--surface-rgb) / 72%);-webkit-backdrop-filter:blur(14px);flex-direction:column;display:flex}.np-block{border-bottom:1px solid var(--border);padding:16px}.cover{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--border);background:conic-gradient(from 210deg at 50% 50%, hsl(var(--h,196) 82% 62%), hsl(calc(var(--h,196) + 48) 66% 40%), hsl(calc(var(--h,196) - 34) 74% 26%), hsl(var(--h,196) 82% 62%));place-items:center;display:grid;position:relative;overflow:hidden}.cover:after{content:"";background:repeating-linear-gradient(0deg, rgb(var(--bg-deep-rgb) / 30%) 0 1px, transparent 1px 3px);opacity:.22;pointer-events:none;z-index:2;position:absolute;inset:0}.cover .disc{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, rgb(var(--bg-deep-rgb) / 72%) 0 17%, transparent 18% 100%), repeating-radial-gradient(circle at 50% 50%, rgb(var(--fg-rgb) / 9%) 0 2px, transparent 2px 6px);border:1px solid rgb(var(--fg-rgb) / 24%);border-radius:50%;width:62%;animation:20s linear infinite paused spin}.cover.playing .disc{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.cover .moon-badge{width:30px;height:30px;color:var(--accent);background:var(--scrim);border:1px solid var(--accent-line);box-shadow:0 4px 14px rgb(var(--bg-deep-rgb) / 70%);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.cover .moon-badge svg{width:15px;height:15px}.cover-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg);background:var(--scrim);border:1px solid var(--accent-line);border-radius:999px;padding:3px 9px;font-size:10px;position:absolute;top:10px;left:10px}.np-info{flex-direction:column;gap:12px;display:flex}.np-title{font-family:var(--font-head);font-size:17px;font-weight:600;line-height:1.3}.np-artist{color:var(--muted);font-size:12.5px}.np-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:11px}.viz{width:100%;height:54px;display:block}.kv{grid-template-columns:74px minmax(0,1fr);gap:7px 12px;margin:0;font-size:12.5px;display:grid}.kv dt{color:var(--muted);font-family:var(--font-mono);font-size:11px}.kv dd{color:var(--fg);word-break:break-word;margin:0}.np-qhead{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.np-qhead .num{color:var(--accent)}.queue{flex-direction:column;display:flex}.q-row{cursor:pointer;border-radius:8px;grid-template-columns:30px minmax(0,1fr) 46px;align-items:center;gap:8px;padding:7px 8px;transition:background .15s;display:grid}.q-row:hover{background:var(--fg-soft)}.q-row.on{background:var(--accent-soft)}.q-row.on .q-t{color:var(--accent)}.q-i{color:var(--muted);text-align:center}.q-t{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.q-d{color:var(--muted);text-align:right;font-size:11.5px}.np-empty{text-align:center;color:var(--muted);flex:1;place-items:center;padding:40px 22px;display:grid}.np-empty svg{width:34px;height:34px;color:var(--border);margin:0 auto 14px}.np-empty .zh{font-family:var(--font-head);color:var(--fg);margin-bottom:6px;font-size:15px}.np-empty p{margin:0;font-size:12.5px;line-height:1.6}.np-lyrics{border-radius:12px;flex-direction:column;gap:10px;display:flex}.np-lyrics.dragging{outline:1.5px dashed var(--accent);outline-offset:6px}.lyr-head{align-items:center;gap:8px;display:flex}.lyr-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.lyr-src{white-space:nowrap;border:1px solid var(--accent-line);color:var(--accent);background:var(--accent-soft);text-overflow:ellipsis;border-radius:999px;max-width:132px;padding:2px 8px;font-size:10.5px;overflow:hidden}.lyr-spacer{flex:1}.lyr-icon{border:1px solid var(--border);color:var(--muted);border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.lyr-icon:hover{color:var(--fg);border-color:var(--muted);background:var(--fg-soft)}.lyr-icon svg{width:13px;height:13px}.lyr-list{scrollbar-width:thin;flex-direction:column;gap:1px;max-height:208px;padding:6px 0;display:flex;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.lyr-list::-webkit-scrollbar{width:6px}.lyr-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.lyr-list::-webkit-scrollbar-thumb:hover{background:var(--muted)}.lyr-line{text-align:left;width:100%;color:var(--muted);border-inline-start:2px solid #0000;border-radius:8px;padding:7px 10px;font-size:13px;line-height:1.5;transition:color .18s,background .18s,border-color .18s;display:block}.lyr-line:hover{color:var(--fg);background:var(--fg-soft)}.lyr-line.active{color:var(--fg);background:var(--accent-soft);border-inline-start-color:var(--accent);font-weight:500}.lyr-text{display:block}.lyr-trans{color:rgb(var(--fg-rgb) / 52%);margin-top:1px;font-size:11.5px;line-height:1.45;display:block}.lyr-line.active .lyr-trans{color:rgb(var(--fg-rgb) / 76%)}.lyr-empty{text-align:center;color:var(--muted);padding:20px 12px;font-size:12.5px}.lyr-empty svg{width:24px;height:24px;color:var(--border);margin:0 auto 10px}.lyr-empty p{max-width:30ch;margin:0 auto 12px;line-height:1.6}.lyric-stage{z-index:70;background:rgb(var(--bg-deep-rgb) / 84%);-webkit-backdrop-filter:blur(22px);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.lyric-stage.show{opacity:1;pointer-events:auto}.lyr-stage-inner{width:calc(min(92vw, 820px) / var(--fzt-zoom,1));height:calc(min(88vh, 780px) / var(--fzt-zoom,1));transform:scale(var(--fzt-zoom,1));transform-origin:50%;flex-direction:column;gap:16px;display:flex}.lyr-stage-head{flex-shrink:0;align-items:center;gap:12px;display:flex}.lyr-stage-art{border:1px solid var(--border);width:46px;height:46px;color:var(--accent);background:conic-gradient(from 210deg at 50% 50%, hsl(var(--h,196) 82% 60%), hsl(calc(var(--h,196) + 48) 66% 38%), hsl(calc(var(--h,196) - 34) 74% 26%), hsl(var(--h,196) 82% 60%));border-radius:11px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.lyr-stage-art svg{z-index:1;width:20px;height:20px;position:relative}.lyr-stage-meta{flex:1;min-width:0}.lyr-stage-title{font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.lyr-stage-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.lyr-stage-close{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lyr-stage-close:hover{color:var(--fg);border-color:var(--muted);background:var(--fg-soft)}.lyr-stage-close svg{width:17px;height:17px}.lyr-stage-list{scrollbar-width:none;flex:1;min-height:0;padding:34vh 8px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.lyr-stage-list::-webkit-scrollbar{display:none}.lyr-stage-list.is-empty{place-items:center;padding:0;display:grid}.sl-line{text-align:center;width:100%;font-family:var(--font-head);color:rgb(var(--fg-rgb) / 26%);border-radius:12px;padding:7px 10px;font-size:clamp(17px,2.7vw,29px);line-height:1.5;transition:color .3s,transform .3s;display:block}.sl-line:hover{color:rgb(var(--fg-rgb) / 66%)}.sl-line.active{color:var(--fg);text-shadow:0 0 26px var(--accent-soft);transform:scale(1.03)}.sl-text{display:block}.sl-trans{font-family:var(--font-body);color:rgb(var(--fg-rgb) / 46%);margin-top:.28em;font-size:.62em;font-weight:400;line-height:1.5;display:block}.sl-line.active .sl-trans{color:rgb(var(--fg-rgb) / 72%)}.lyr-stage-empty{text-align:center;color:var(--muted);padding:30px 20px;font-size:13.5px}.lyr-stage-empty .big{font-family:var(--font-head);color:var(--fg);margin-bottom:8px;font-size:18px}.lyr-stage-empty p{margin:0 0 18px;line-height:1.6}.lyr-stage-actions{justify-content:center;gap:10px;display:flex}.playerbar{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:rgb(var(--bg-rgb) / 90%);-webkit-backdrop-filter:blur(18px);z-index:32;flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.pb-left{align-items:center;gap:11px;min-width:0;display:flex}.pb-cover{border:1px solid var(--border);background:conic-gradient(from 210deg at 50% 50%, hsl(var(--h,196) 80% 60%), hsl(calc(var(--h,196) + 48) 64% 38%), hsl(calc(var(--h,196) - 34) 72% 26%), hsl(var(--h,196) 80% 60%));border-radius:9px;flex-shrink:0;width:46px;height:46px;position:relative;overflow:hidden}.pb-now{min-width:0;max-width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;margin:-4px;padding:4px;transition:background .16s;display:flex}.pb-now .pb-cover{transition:transform .18s,box-shadow .18s}.pb-now:hover .pb-cover{box-shadow:0 0 0 1px var(--accent-line), 0 10px 22px rgb(var(--bg-deep-rgb) / 62%);transform:translateY(-1px)}.pb-now:hover .pb-title{color:var(--accent)}.pb-now:active .pb-cover{transform:translateY(0)}.pb-meta{flex-direction:column;min-width:0;display:flex}.pb-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;transition:color .16s;overflow:hidden}.pb-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.pb-center{flex-direction:column;gap:7px;min-width:0;display:flex}.pb-transport{justify-content:center;align-items:center;gap:14px;display:flex}.tbtn{width:34px;height:34px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:color .15s,background .15s,transform 60ms;display:inline-flex}.tbtn:hover{color:var(--fg);background:var(--fg-soft)}.tbtn:active{transform:translateY(1px)}.tbtn svg{width:17px;height:17px}.tbtn.mode-on{color:var(--accent)}.tbtn:disabled{opacity:.35;cursor:not-allowed}.play-primary{background:var(--accent);width:44px;height:44px;color:var(--bg-deep)}.play-primary:hover{background:#59deec}.play-primary svg{width:19px;height:19px}.pb-progress{align-items:center;gap:10px;display:flex}.ptime{color:var(--muted);text-align:center;flex-shrink:0;width:40px;font-size:11px}.seek{background:var(--fg-soft);cursor:pointer;touch-action:none;border-radius:6px;flex:1;height:6px;position:relative}.seek-fill{background:linear-gradient(90deg, var(--accent), var(--gold));z-index:2;border-radius:6px;width:0;position:absolute;top:0;bottom:0;left:0}.seek-buffer{background:rgb(var(--fg-rgb) / 14%);z-index:1;border-radius:6px;width:0;position:absolute;top:0;bottom:0;left:0}.seek-knob{background:var(--fg);opacity:0;width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-soft);z-index:3;border-radius:50%;transition:opacity .15s;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.seek:hover .seek-knob,.seek:focus-visible .seek-knob{opacity:1}.pb-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.q-seg button{font-family:var(--font-mono);letter-spacing:.02em;font-size:11px}.q-seg button:disabled{opacity:.28;cursor:not-allowed}.vol-wrap{color:var(--muted);align-items:center;gap:8px;display:flex}.vol-wrap svg{width:16px;height:16px}.vol{width:92px;accent-color:var(--accent)}.status-strip{border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:9px;padding:7px 16px;font-size:11.5px;display:flex}.status-strip.warn{color:var(--gold);background:var(--gold-soft)}.status-strip.error{color:var(--danger);background:var(--danger-soft)}.status-strip svg{flex-shrink:0;width:14px;height:14px}.storage{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);margin-top:auto}.storage-top{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.meter{background:var(--fg-soft);border-radius:5px;height:5px;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:5px;height:100%;transition:width .3s;display:block}.meter.over>i{background:linear-gradient(90deg, var(--gold), var(--danger))}.storage-note{color:var(--muted);margin-top:9px;font-size:11px;line-height:1.45}.storage-actions{gap:6px;margin-top:10px;display:flex}.storage-actions .btn{padding:5px 9px;font-size:11.5px}.cache-list{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:240px;margin-top:10px;display:flex;overflow-y:auto}.cache-list::-webkit-scrollbar{width:6px}.cache-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.cache-row{border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;transition:background .15s;display:grid}.cache-row:hover{background:var(--fg-soft)}.cache-row-t{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.cache-row-m{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:10px;display:flex}.cache-q{border:1px solid var(--accent-line);color:var(--accent);border-radius:999px;padding:1px 6px;font-size:9.5px}.cache-q.partial{border-color:rgb(var(--gold-rgb) / 42%);color:var(--gold)}.cache-del{width:26px;height:26px;color:var(--muted);border-radius:7px;place-items:center;transition:color .15s,background .15s;display:grid}.cache-del:hover{color:var(--danger);background:var(--danger-soft)}.cache-del svg{width:14px;height:14px}.cache-empty{color:var(--muted);text-align:center;padding:14px 8px;font-size:11.5px;line-height:1.6}.cm{flex-direction:column;display:flex}.cm-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:4px;display:grid}.cm-stat{border-radius:var(--radius-lg);border:1px solid var(--border);background:rgb(var(--surface-rgb) / 62%);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.cm-stat-k{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-family:var(--font-mono)}.cm-stat-v{color:var(--fg);font-size:18px}.cm-note{border-radius:var(--radius);border:1px solid var(--border);background:var(--fg-soft);color:var(--muted);margin-top:12px;padding:11px 13px;font-size:11.5px;line-height:1.65}.cm-note strong{color:var(--fg);font-weight:600}.cm-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.cm-actions .spacer{flex:1}.cm-list{flex-direction:column;display:flex}.cm-head,.cm-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 56px;align-items:center;gap:14px;display:grid}.cm-head{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-family:var(--font-mono);padding:0 10px 8px}.cm-dur-h{text-align:right}.cm-row{border-radius:var(--radius);border-top:1px solid var(--border);padding:9px 10px;transition:background .15s}.cm-row:hover{background:var(--fg-soft)}.cm-main{min-width:0}.cm-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cm-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.cm-dur{color:var(--muted);text-align:right;font-size:11.5px}.cm-quals{flex-wrap:wrap;gap:6px;display:flex}.cm-q{border:1px solid var(--border);background:rgb(var(--bg-rgb) / 45%);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11.5px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.cm-q svg{width:13px;height:13px}.cm-q:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.cm-q-txt{white-space:nowrap}.cm-q-meta{color:var(--muted);font-size:10px}.cm-q:hover .cm-q-meta{color:var(--accent)}.cm-q.is-off{cursor:default;opacity:.5;border-style:dashed}.cm-q.is-off:hover{color:var(--muted);border-color:var(--border);background:rgb(var(--bg-rgb) / 45%)}.cm-q.is-cached{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.cm-q.is-cached .cm-q-meta{color:var(--accent)}.cm-q.is-partial{color:var(--gold);border-color:rgb(var(--gold-rgb) / 42%);background:rgb(var(--gold-rgb) / 10%)}.cm-q.is-partial .cm-q-meta{color:var(--gold)}.cm-q.is-partial:hover{color:var(--gold);border-color:rgb(var(--gold-rgb) / 62%);background:rgb(var(--gold-rgb) / 16%)}.cm-q.is-busy{color:var(--accent);border-color:var(--accent-line);cursor:default;min-width:132px}.cm-bar{background:var(--border);border-radius:3px;flex:1;height:3px;overflow:hidden}.cm-bar>i{background:var(--accent);height:100%;transition:width .2s;display:block}.cm-q.is-confirm{color:var(--danger);border-color:rgb(var(--danger-rgb) / 45%);background:var(--danger-soft)}.cm-q.is-confirm:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}@container app (width<=880px){.cm-head{display:none}.cm-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:11px 10px}.cm-dur{display:none}.cm-stat-v{font-size:16px}}.update-banner{z-index:2147483200;background:rgb(var(--surface-rgb) / 96%);-webkit-backdrop-filter:blur(14px);border:1px solid var(--accent-line);color:var(--fg);box-shadow:0 16px 40px rgb(var(--bg-deep-rgb) / 66%);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:9px 10px 9px 16px;font-size:12.5px;transition:opacity .24s,transform .24s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%,-12px)}.update-banner.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.update-banner .btn{padding:5px 12px;font-size:12px}.update-banner .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%}.pl-pop{z-index:2147483100;background:rgb(var(--surface-rgb) / 96%);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);width:264px;box-shadow:0 18px 46px rgb(var(--bg-deep-rgb) / 72%);flex-direction:column;gap:8px;padding:10px;animation:.16s ease-out pl-pop-in;display:flex;position:fixed}@keyframes pl-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pl-pop-head{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;padding:2px 4px;font-size:10.5px;display:flex}.pl-pop-head .num{color:var(--accent);text-transform:none;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pl-pop-list{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:232px;display:flex;overflow-y:auto}.pl-pop-list::-webkit-scrollbar{width:6px}.pl-pop-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.pl-pop-empty{color:var(--muted);text-align:center;margin:0;padding:14px 8px;font-size:12px}.pl-pop-item{text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.pl-pop-item:hover{background:var(--fg-soft)}.pl-pop-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pl-pop-meta{color:var(--muted);flex-shrink:0;align-items:center;font-size:10.5px;display:flex}.pl-pop-meta svg{width:14px;height:14px;color:var(--accent)}.pl-pop-new{border-top:1px solid var(--border);gap:6px;padding-top:8px;display:flex}.pl-pop-new input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-deep);min-width:0;color:var(--fg);flex:1;padding:7px 10px;font-size:12.5px}.pl-pop-new input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.pl-pop-new .btn{padding:7px 11px;font-size:12px}.pl-edit .pl-edit-head,.pl-edit .pl-edit-row{grid-template-columns:26px 30px minmax(0,1fr) 62px 30px 30px 30px;gap:8px}.pl-grip{height:30px;color:rgb(var(--fg-rgb) / 30%);cursor:grab;place-items:center;transition:color .15s;display:grid}.pl-grip:hover{color:var(--accent)}.pl-grip:active{cursor:grabbing}.pl-grip svg{width:14px;height:14px}.pl-edit-row.dragging{opacity:.35}.pl-edit-row.drop-target{box-shadow:inset 0 -2px 0 var(--accent)}.pl-edit-main{text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.pl-edit-main:hover .tr-title{color:var(--accent)}.pl-mini{width:26px;height:26px;color:var(--muted);border-radius:7px;place-items:center;transition:color .15s,background .15s;display:grid}.pl-mini:hover:not(:disabled){color:var(--fg);background:var(--fg-soft)}.pl-mini:disabled{opacity:.22;cursor:not-allowed}.pl-mini.danger:hover{color:var(--danger);background:var(--danger-soft)}.pl-mini svg{width:14px;height:14px}.pl-name-input{width:min(100%,440px);min-width:0;font-family:var(--font-head);color:var(--fg);background:var(--bg-deep);border:1px solid var(--accent-line);border-radius:var(--radius);padding:2px 10px;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.15}.pl-name-input:focus{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.scrim{z-index:34;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.only-mobile,.only-narrow{display:none}.toast{z-index:60;background:rgb(var(--surface-rgb) / 92%);border:1px solid var(--accent-line);color:var(--fg);box-shadow:0 16px 40px rgb(var(--bg-deep-rgb) / 66%);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font-size:13px;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:108px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}.toast .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%}@container app (width<=1180px){.workspace{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.nowpanel{top:var(--topbar-h);z-index:40;width:min(90vw,362px);box-shadow:-18px 0 46px rgb(var(--bg-deep-rgb) / 62%);transition:transform .24s;position:fixed;bottom:0;right:0;transform:translate(101%)}.nowpanel.open{transform:none}.scrim.show-now{opacity:1;pointer-events:auto}.only-wide{display:none}.only-mobile{display:inline-flex}}@container app (width<=880px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{top:var(--topbar-h);z-index:40;width:min(84vw,300px);box-shadow:18px 0 46px rgb(var(--bg-deep-rgb) / 62%);transition:transform .24s;position:fixed;bottom:0;left:0;transform:translate(-101%)}.sidebar.open{transform:none}.scrim.show-side{opacity:1;pointer-events:auto}.only-narrow{display:inline-flex}.search-wrap{max-width:none}.track-head,.track-row{grid-template-columns:30px minmax(0,1fr) 76px 56px 66px}.tr-album,.tr-album-h{display:none}.pl-hero{align-items:center}.pl-cover{width:96px;height:96px}}@container app (width<=620px){.brand-txt .en{display:none}.topbar{height:auto;min-height:var(--topbar-h);flex-wrap:wrap;gap:10px;padding:10px 14px}.search-wrap{flex-basis:100%;order:3;margin:0}.content-head{padding:12px 14px 0}.browser{padding:4px 14px 18px}.playerbar{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);gap:10px}.pb-left{order:1}.pb-center{order:2}.pb-right{display:none}.track-head,.track-row{grid-template-columns:28px minmax(0,1fr) 52px 66px}.tr-q,.tr-q-h{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.track-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}.pl-hero{flex-direction:column;align-items:flex-start}.lyr-list{max-height:168px}}@media (width<=620px){.toast{bottom:150px}.lyr-stage-list{padding:28vh 6px}}.fzt-root[data-position=bottom-right]{right:20px;bottom:var(--fzt-fab-bottom,92px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cover .disc{animation:none!important}.cell:hover,.track-cell:hover,.sl-line.active{transform:none}}