:root{--bg:#0b0d10;--bg-1:#12161b;--bg-2:#171d24;--bg-3:#1f262f;--line:#262e38;--line-2:#333d49;--text:#e8edf3;--muted:#8b98a8;--dim:#626d7b;--accent:#4da3ff;--accent-dim:#2d6fb8;--good:#3ecf8e;--warn:#f0b429;--bad:#f2585b;--radius:10px;--player-h:76px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 ui-sans-serif,-apple-system,SF Pro Text,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100%;padding-bottom:var(--player-h);flex-direction:column;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0b0d10e0;align-items:center;gap:18px;height:54px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:9px;margin-right:6px;font-weight:650;display:flex}.brand svg{color:var(--accent)}.tabs{gap:2px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 13px;font-weight:550}.tab:hover{color:var(--text);background:var(--bg-2)}.tab[aria-selected=true]{color:var(--text);background:var(--bg-3)}.tab-badge{background:var(--accent);color:#06243f;border-radius:20px;margin-left:7px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.spacer{flex:1}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 40px}.btn{border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-weight:550;transition:background .13s,border-color .13s,opacity .13s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-3);border-color:#43505f}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#052440;font-weight:650}.btn.primary:hover:not(:disabled){background:#66b1ff;border-color:#66b1ff}.btn.danger{color:var(--bad);border-color:#4a2b2e}.btn.danger:hover:not(:disabled){background:#2a1a1c}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--bg-2);color:var(--text)}.btn.sm{padding:5px 10px;font-size:13px}.input,.select{border:1px solid var(--line-2);background:var(--bg-1);border-radius:8px;width:100%;padding:8px 10px;transition:border-color .13s,box-shadow .13s}.input:focus,.select:focus{border-color:var(--accent-dim);outline:0;box-shadow:0 0 0 3px #4da3ff24}.input.flush{background:0 0;border-color:#0000;padding:5px 7px}.input.flush:hover{border-color:var(--line);background:var(--bg-1)}.input.flush:focus{border-color:var(--accent-dim);background:var(--bg-1)}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius)}.card-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;display:flex}.card-body{padding:16px}.muted{color:var(--muted)}.dim{color:var(--dim)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}h2{letter-spacing:-.01em;margin:0;font-size:19px}h3{margin:0;font-size:15px}.label{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}.pill{background:var(--bg-3);border:1px solid var(--line-2);color:var(--muted);border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;display:inline-flex}.pill.good{color:var(--good);background:#10241b;border-color:#1d4d38}.pill.warn{color:var(--warn);background:#241d0f;border-color:#4d3d15}.pill.bad{color:var(--bad);background:#241113;border-color:#4d2427}.pill.accent{color:var(--accent);background:#0f1c2a;border-color:#1d3a55}.banner{color:#ffc9cb;background:#241113;border:1px solid #4d2427;border-radius:8px;align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.banner.info{color:#bfdcff;background:#0f1c2a;border-color:#1d3a55}.grid-fields{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:64px 24px;display:flex}.empty svg{color:var(--line-2)}.empty h2{color:var(--text)}.empty code{background:var(--bg-2);border:1px solid var(--line);color:#cfe0f2;border-radius:5px;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.empty pre{text-align:left;background:var(--bg-1);border:1px solid var(--line);color:#cfe0f2;border-radius:8px;max-width:100%;padding:13px 15px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;overflow-x:auto}.disc-head{align-items:flex-start;gap:18px;display:flex}.art{object-fit:cover;background:var(--bg-3);border:1px solid var(--line);border-radius:8px;flex:none;width:132px;height:132px}.art.placeholder{color:var(--dim);place-items:center;display:grid}table.tracks{border-collapse:collapse;width:100%}table.tracks th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:.02em;padding:0 8px 9px;font-size:12px;font-weight:600}table.tracks td{vertical-align:middle;border-bottom:1px solid #1b2129;padding:3px 8px}table.tracks tr:last-child td{border-bottom:0}table.tracks tr.excluded td{opacity:.4}table.tracks tr.playing td{background:#4da3ff12}table.tracks tr:hover td{background:#ffffff06}.col-num{width:46px;color:var(--muted);text-align:right}.col-time{width:62px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.col-check{width:34px}.col-play{width:38px}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}.progress{background:var(--bg-3);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--accent);border-radius:99px;height:100%;transition:width .25s ease-out}.progress.thin{height:4px}.candidate-list{flex-direction:column;gap:6px;max-height:290px;display:flex;overflow-y:auto}.candidate{border:1px solid var(--line);background:var(--bg-1);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 11px;display:flex}.candidate:hover{border-color:var(--line-2);background:var(--bg-2)}.candidate[aria-pressed=true]{border-color:var(--accent-dim);background:#4da3ff14}.album-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:18px;display:grid}.album-card{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:9px;padding:0;display:flex}.album-card .cover{aspect-ratio:1;object-fit:cover;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;width:100%;transition:transform .16s,border-color .16s}.album-card:hover .cover{border-color:var(--line-2);transform:translateY(-3px)}.album-card .cover.placeholder{color:var(--dim);place-items:center;display:grid}.album-card .t{font-weight:550;line-height:1.3}.player{z-index:30;height:var(--player-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#12161bf0;align-items:center;gap:16px;padding:0 18px;display:flex;position:fixed;bottom:0;left:0;right:0}.player .art-sm{object-fit:cover;background:var(--bg-3);border:1px solid var(--line);border-radius:6px;flex:none;width:50px;height:50px}.player .now{width:210px;min-width:0}.player .controls{align-items:center;gap:4px;display:flex}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--bg-3)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.play{background:var(--text);width:38px;height:38px;color:var(--bg)}.icon-btn.play:hover:not(:disabled){background:#fff}.seek{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.seek .t{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;width:42px;font-size:12px}.seek .t.right{text-align:right}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:16px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct,0%), var(--bg-3) var(--pct,0%));border-radius:99px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);opacity:0;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .13s}input[type=range]:hover::-webkit-slider-thumb{opacity:1}input[type=range]:focus::-webkit-slider-thumb{opacity:1}.vol{flex:none;width:90px}.fmt-toggle{background:var(--bg);border:1px solid var(--line);border-radius:7px;flex:none;gap:2px;padding:2px;display:flex}.fmt{letter-spacing:.04em;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:700}.fmt:hover{color:var(--text)}.fmt[aria-pressed=true]{background:var(--bg-3);color:var(--accent)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{bottom:calc(var(--player-h) + 16px);z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;right:18px}.toast{background:var(--bg-3);border:1px solid var(--line-2);border-radius:8px;max-width:380px;padding:10px 14px;box-shadow:0 8px 26px #00000073}.toast.bad{color:#ffc9cb;background:#2a1417;border-color:#4d2427}.toast.good{color:#b6f0d3;background:#10241b;border-color:#1d4d38}@media (width<=720px){.disc-head{flex-direction:column}.player .now{width:130px}.player .vol,.player .fmt-toggle{display:none}.main{padding:16px 12px 32px}}.folder-bar{flex-wrap:wrap;align-items:stretch;gap:9px;display:flex}.folder-chip{border:1px solid var(--line);background:var(--bg-2);min-width:0;max-width:340px;color:var(--dim);border-radius:10px;align-items:center;gap:9px;padding:7px 8px 7px 11px;display:flex}.folder-chip.stale{border-color:var(--accent-dim,var(--line-2));background:#e3b34112}.folder-chip .folder-text{flex-direction:column;gap:1px;min-width:0;display:flex}.folder-chip .folder-name{color:var(--text,#dfe4ea);font-size:13.5px;font-weight:550}.folder-chip .folder-meta{color:var(--dim);align-items:center;gap:6px;font-size:11.5px;display:flex}.folder-chip .tag{letter-spacing:.04em;text-transform:uppercase;color:var(--accent,#4da3ff);background:#4da3ff29;border-radius:4px;padding:1px 5px;font-size:10px}.icon-btn.sm{width:26px;height:26px}.icon-btn.danger:hover{color:var(--bad,#ff7b72)}.btn.dashed{color:var(--dim);background:0 0;border-style:dashed}.btn.dashed:hover{color:inherit;border-color:var(--line-2)}.album-card{position:relative}.album-card .album-info{flex-direction:column;gap:2px;min-width:0;display:flex}.album-card .album-info .muted{font-size:13px}.album-card .album-facts{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:12px;display:flex}.album-card .format-badge{letter-spacing:.04em;color:#dfe4ea;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0d10bd;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:600;position:absolute;top:7px;right:7px}