:root{--bg: #0e0e10;--bg-2: #161619;--bg-3: #1d1d22;--bg-4: #26262c;--line: #2a2a31;--text: #f2f2f4;--text-2: #a6a6ad;--text-3: #6f6f78;--accent: #e23b2e;--accent-2: #ff6b4a;--accent-ink:#ffffff;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--sidebar-w: 248px;--bar-h: 88px;--tabbar-h: 58px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow: 0 8px 30px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr var(--bar-h);grid-template-areas:"sidebar main" "bar bar";height:100vh;height:100dvh}.sidebar{grid-area:sidebar;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.main{grid-area:main;overflow-y:auto;position:relative}.nowbar{grid-area:bar;background:var(--bg-2);border-top:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:18px 20px 14px}.brand-logo{height:30px;width:auto;object-fit:contain;flex:none}.brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}.brand-name{font-weight:700;letter-spacing:-.01em;font-size:16px}.brand-name b{color:var(--accent-2)}.nav{padding:6px 12px;display:flex;flex-direction:column;gap:2px}.nav-section{margin-top:14px;padding:0 8px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14.5px;font-weight:500;transition:background .12s,color .12s}.nav-item:hover,.nav-item.active{background:var(--bg-3);color:var(--text)}.nav-item.active .nav-ico{color:var(--accent-2)}.nav-ico{width:20px;height:20px;flex:none;color:var(--text-3)}.nav-scroll{overflow-y:auto;min-height:0;flex:1}.sidebar-foot{margin-top:auto;padding:12px;border-top:1px solid var(--line)}.ftree{padding:4px 6px 10px}.ftree-head{display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 8px 6px;margin-top:6px;-webkit-user-select:none;user-select:none}.ftree-head:hover{color:var(--text-2)}.ftree-row{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-2);font-size:13px;-webkit-user-select:none;user-select:none}.ftree-row:hover{background:var(--bg-3);color:var(--text)}.ftree-chevron{display:grid;place-items:center;width:18px;height:18px;cursor:pointer;border-radius:4px;flex:none}.ftree-chevron:hover{background:var(--bg-4)}.ftree-main{display:flex;align-items:center;gap:7px;flex:1;min-width:0;cursor:pointer}.ftree-thumb{width:22px;height:22px;border-radius:4px;overflow:hidden;flex:none;background:var(--bg-4);display:grid;place-items:center}.ftree-thumb img{width:100%;height:100%;object-fit:cover}.ftree-thumb-ph{color:var(--text-3);background:transparent}.ftree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ftree-play{opacity:0;color:var(--text-3);font-size:10px;flex:none;padding:2px 4px;cursor:pointer}.ftree-row:hover .ftree-play{opacity:1}.ftree-play:hover{color:var(--accent-2)}.ftree-track{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-3);font-size:12.5px}.ftree-track:hover{background:var(--bg-3);color:var(--text)}.ftree-track.disabled{opacity:.45;cursor:default}.ftree-track.disabled:hover{background:transparent;color:var(--text-3)}.ftree-track.playing{color:var(--accent-2)}.ftree-tlike,.ftree-tmore{opacity:0;flex:none;color:var(--text-3);padding:2px 5px;border-radius:5px;font-size:13px;line-height:1}.ftree-track:hover .ftree-tlike,.ftree-track:hover .ftree-tmore{opacity:1}.ftree-tlike.on{opacity:1;color:var(--accent)}.ftree-tlike:hover,.ftree-tmore:hover{color:var(--text);background:var(--bg-4)}.ftree-loading,.ftree-empty{font-size:12px;color:var(--text-3);padding:5px 8px;font-style:italic}.page{padding:24px 28px 28px;max-width:1400px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:26px;font-weight:750;letter-spacing:-.02em;margin:0}.page-sub{color:var(--text-2);font-size:13.5px;margin-top:3px}.search{width:100%;max-width:420px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:10px 16px;font-size:14px;outline:none}.search:focus{border-color:var(--accent)}.grid{display:grid;gap:20px 18px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card{background:transparent;border-radius:var(--radius);padding:10px;transition:background .14s;cursor:pointer}.card:hover{background:var(--bg-2)}.card-art{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-3);position:relative;box-shadow:var(--shadow)}.card-art img{width:100%;height:100%;object-fit:cover}.card-art .ph{width:100%;height:100%;display:grid;place-items:center;color:var(--text-3)}.card-play{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.16s}.card:hover .card-play{opacity:1;transform:translateY(0)}.card-title{margin-top:10px;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub{font-size:12.5px;color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracklist{display:flex;flex-direction:column}.trow{display:grid;grid-template-columns:28px 1fr auto auto 28px;align-items:center;gap:14px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text)}.trow-like{opacity:0;color:var(--text-3);display:grid;place-items:center;padding:4px;flex:none}.trow:hover .trow-like{opacity:1}.trow-like.on{opacity:1;color:var(--accent)}.trow-like:hover{color:var(--accent)}.liked-head{display:flex;gap:24px;align-items:flex-end;margin-bottom:26px}.liked-cover{width:200px;height:200px;border-radius:var(--radius);flex:none;display:grid;place-items:center;color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.liked-meta .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2)}.liked-meta h1{font-size:44px;font-weight:800;letter-spacing:-.03em;margin:6px 0 10px;line-height:1.05}.liked-meta .facts{color:var(--text-2);font-size:14px}.trow:hover{background:var(--bg-2)}.trow.playing{color:var(--accent-2)}.trow-more{opacity:0;color:var(--text-3);font-size:18px;line-height:1;padding:4px;border-radius:6px;flex:none}.trow:hover .trow-more{opacity:1}.trow-more:hover{color:var(--text);background:var(--bg-4)}.tmenu{position:fixed;z-index:60;min-width:196px;background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow)}.tmenu-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:7px;font-size:14px;color:var(--text)}.tmenu-item:hover:not(.disabled){background:var(--bg-4)}.tmenu-item.disabled{color:var(--text-3);cursor:default}.tmenu-sep{height:1px;background:var(--line);margin:5px 4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0009;display:grid;place-items:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.modal{width:100%;max-width:480px;max-height:80vh;overflow-y:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg-2)}.modal-x{color:var(--text-2);font-size:16px;padding:4px 8px;border-radius:6px}.modal-x:hover{background:var(--bg-4);color:var(--text)}.modal-body{padding:16px 18px}.info-table{width:100%;border-collapse:collapse}.info-table td{padding:7px 0;font-size:13.5px;vertical-align:top;border-bottom:1px solid var(--line)}.info-k{color:var(--text-2);width:38%;white-space:nowrap;padding-right:14px}.info-v{color:var(--text);word-break:break-all}.trow-no{color:var(--text-3);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.trow:hover .trow-no .num,.trow-no .play-ico{display:none}.trow:hover .trow-no .play-ico{display:inline-grid}.trow-main{min-width:0}.trow-title{font-size:14.5px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trow-artist{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trow-dur{color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums}.album-head{display:flex;gap:24px;align-items:flex-end;margin-bottom:26px}.album-cover{width:220px;height:220px;border-radius:var(--radius);overflow:hidden;background:var(--bg-3);box-shadow:var(--shadow);flex:none}.album-cover img{width:100%;height:100%;object-fit:cover}.album-meta .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2)}.album-meta h1{font-size:38px;font-weight:800;letter-spacing:-.03em;margin:6px 0 10px;line-height:1.05}.album-meta .by{font-size:15px;color:var(--text)}.album-meta .facts{color:var(--text-2);font-size:13.5px;margin-top:4px}.btn-play-lg{margin-top:18px;display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;padding:11px 22px;border-radius:999px;font-weight:650;font-size:14.5px}.btn-play-lg:hover{background:var(--accent-2)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:550;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px}.chip:hover{background:var(--bg-3);border-color:var(--accent)}.chip .count{color:var(--text-3);font-size:12.5px;font-variant-numeric:tabular-nums}.empty{color:var(--text-2);padding:40px 0;text-align:center}.empty h3{color:var(--text);font-weight:650;margin:0 0 6px}.section-h{font-size:14px;font-weight:650;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 14px}.folder-art{display:grid;place-items:center;background:linear-gradient(150deg,var(--bg-3),var(--bg-4));color:var(--text-3)}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:13px}.crumb{color:var(--text-2);padding:2px 4px;border-radius:5px}.crumb:hover{color:var(--text);background:var(--bg-3)}.crumb.current{color:var(--text);font-weight:600}.crumb-sep{color:var(--text-3);margin:0 2px}.nowbar-inner{height:100%;display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,600px) minmax(180px,1fr);align-items:center;gap:16px;padding:0 18px}.np-track{display:flex;align-items:center;gap:12px;min-width:0}.np-art{width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--bg-3);flex:none;cursor:pointer}.np-art img{width:100%;height:100%;object-fit:cover}.np-info{min-width:0}.np-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-artist{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;height:100%}.np-controls{display:flex;align-items:center;gap:18px}.ctl{color:var(--text-2);display:grid;place-items:center;transition:color .12s,transform .1s}.ctl:hover{color:var(--text)}.ctl:active{transform:scale(.92)}.ctl.on{color:var(--accent-2)}.ctl-play{width:40px;height:40px;border-radius:50%;background:var(--text);color:var(--bg)}.ctl-play:hover{background:#fff;transform:scale(1.05)}.np-seek{display:flex;align-items:center;gap:10px;width:100%}.np-time{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.scrub{flex:1;position:relative;height:16px;display:flex;align-items:center;cursor:pointer}.scrub-rail{position:absolute;left:0;right:0;height:4px;border-radius:4px;background:#ffffff29}.scrub-fill{position:absolute;left:0;height:4px;border-radius:4px;background:var(--accent)}.scrub-knob{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080;transform:translate(-50%);opacity:0;transition:opacity .12s}.scrub:hover .scrub-knob{opacity:1}.scrub:hover .scrub-fill{background:var(--accent-2)}.np-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.vol{display:flex;align-items:center;gap:8px;width:130px}.vol .scrub{height:14px}.np-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;color:#fff;overflow:hidden;visibility:visible;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.np-screen.hidden{transform:translateY(100%);pointer-events:none;visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s}.np-screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.np-screen-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#000000c7 55%,#000000eb)}.np-screen-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;padding-top:max(18px,env(safe-area-inset-top))}.np-chevron{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.np-seg{display:flex;gap:4px;background:#ffffff1f;border-radius:999px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.np-seg button{padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#ffffffb3}.np-seg button.on{background:#fffffff2;color:#111}.np-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;min-height:0}.np-cover-lg{width:min(58vh,78vw);aspect-ratio:1;border-radius:18px;overflow:hidden;background:#ffffff14;box-shadow:0 30px 80px #0009}.np-cover-lg img{width:100%;height:100%;object-fit:cover}.np-lyrics{width:100%;max-width:640px;height:58vh;overflow-y:auto;text-align:center;padding:20px 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.np-lyrics::-webkit-scrollbar{display:none}.np-lyrics-scroll{display:flex;flex-direction:column;gap:16px;padding:28vh 0}.np-lyric-line{font-size:23px;font-weight:700;color:#fff6;transition:color .25s,transform .25s,opacity .25s;line-height:1.3;padding:0 16px}.np-lyric-line.is-synced{cursor:pointer}.np-lyric-line.is-synced:hover{color:#ffffffb3}.np-lyric-line.past{color:#ffffff4d}.np-lyric-line.active{color:#fff;transform:scale(1.06)}.np-lyrics.plain .np-lyric-line{font-size:19px;font-weight:550;color:#ffffffc7}.np-lyrics-note{color:#fff6;font-size:12.5px;margin-top:18px}.np-lyrics-empty{color:#fff9;font-size:15px;align-self:center;margin:auto;line-height:1.6;padding:0 30px}.np-lyrics-empty code{background:#ffffff1f;padding:1px 6px;border-radius:4px;font-size:13px}.np-screen-info{text-align:center;padding:8px 24px 4px}.np-screen-info h2{font-size:24px;font-weight:750;margin:0;letter-spacing:-.02em}.np-screen-info p{color:#ffffffb3;margin:5px 0 0;font-size:15px}.np-titlerow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 28px 2px;max-width:680px;width:100%;margin:0 auto}.np-titlerow-info{min-width:0}.np-titlerow-info h2{font-size:26px;font-weight:800;margin:0;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-titlerow-info p{color:#ffffffb3;margin:4px 0 0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-like{color:#ffffffd9;flex:none;padding:6px}.np-like:hover{color:#fff}.np-like.on{color:var(--accent-2)}.np-seek-times{display:flex;justify-content:space-between;margin:6px 2px 14px}.np-time-tap{cursor:pointer}.np-time-tap:hover{color:#fff}.np-utilrow{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:0 2px}.np-util{color:#ffffffb3;padding:6px}.np-util:hover:not(:disabled){color:#fff}.np-util:disabled{opacity:.4;cursor:default}.sleep-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#00000080;display:flex;align-items:flex-end;justify-content:center;padding:0}.sleep-card{background:var(--bg-2);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:520px;padding:22px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom));box-shadow:var(--shadow);color:var(--text)}.sleep-card h3{margin:0 0 14px;font-size:18px;font-weight:700}.sleep-active{color:var(--accent-2);font-size:13.5px;margin-bottom:14px}.sleep-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sleep-opt{background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:14px 0;font-size:15px;font-weight:600;color:var(--text)}.sleep-opt:hover{background:var(--bg-4);border-color:var(--accent)}.sleep-cancel{margin-top:14px;width:100%;padding:13px 0;border-radius:10px;background:transparent;border:1px solid var(--line);color:var(--text-2);font-weight:600}.sleep-cancel:hover{color:var(--text);border-color:var(--text-3)}.np-screen-ctl{padding:14px 28px 30px;padding-bottom:max(30px,env(safe-area-inset-bottom));max-width:640px;width:100%;margin:0 auto}.np-screen .np-seek{margin-bottom:16px}.np-screen .np-time{color:#ffffffb3}.np-screen .scrub-rail{background:#fff3}.np-screen .np-controls{justify-content:center;gap:30px}.np-screen .ctl{color:#ffffffd9}.np-screen .ctl-play{width:64px;height:64px;background:#fff;color:#111}.np-screen .ctl-play svg{width:28px;height:28px}.mini,.topbar,.drawer-backdrop{display:none}@media (max-width: 820px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar" "main"}.topbar{display:flex;grid-area:topbar;align-items:center;gap:12px;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:var(--bg-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar-burger{display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;border-radius:9px;color:var(--text)}.topbar-burger:active{background:var(--bg-3)}.topbar-title{font-size:19px;font-weight:750;letter-spacing:-.01em}.sidebar{display:flex;position:fixed;top:0;left:0;bottom:0;width:290px;max-width:86vw;z-index:60;transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--line);padding-top:env(safe-area-inset-top);background:var(--bg-2)}.sidebar.drawer-open{transform:translate(0);box-shadow:0 0 40px #00000080}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0000;pointer-events:none;transition:background .26s ease}.drawer-backdrop.show{background:#00000080;pointer-events:auto}.nowbar{display:none}.main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.page{padding:16px 16px 20px}.page-title{font-size:22px}.mini{display:flex;position:fixed;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:40;align-items:center;gap:10px;background:var(--bg-3);border:1px solid var(--line);border-radius:12px;padding:8px 10px;box-shadow:var(--shadow)}.mini-art{width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--bg-4);flex:none}.mini-art img{width:100%;height:100%;object-fit:cover}.mini-info{min-width:0;flex:1}.mini-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-artist{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-play{width:40px;height:40px;flex:none;display:grid;place-items:center}.mini-bar{position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:var(--bg-4);border-radius:2px}.mini-bar>i{display:block;height:100%;background:var(--accent);border-radius:2px}.grid{gap:16px 14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.card-play{opacity:1;transform:none;width:40px;height:40px}.trow-more,.trow-like,.ftree-play{opacity:1}.ftree-row{font-size:15px;padding:9px 8px}.ftree-track{font-size:14.5px;padding:9px 8px}.ftree-thumb{width:26px;height:26px}.ftree-tlike,.ftree-tmore{opacity:1;padding:4px 8px;font-size:15px}.ftree-head{font-size:13px}.album-head{flex-direction:column;align-items:flex-start;gap:16px}.album-cover{width:160px;height:160px}.album-meta h1{font-size:28px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.auth-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#1a1118,var(--bg));padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.auth-loading{color:var(--text-2);font-size:15px}.auth-card{width:100%;max-width:380px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:22px}.auth-logo{width:180px;max-width:70%;height:auto;object-fit:contain}.auth-title{font-size:22px;font-weight:750;margin:0 0 6px;text-align:center;letter-spacing:-.02em}.auth-sub{color:var(--text-2);font-size:13.5px;text-align:center;margin:0 0 22px;line-height:1.5}.auth-label{font-size:12.5px;color:var(--text-2);margin-bottom:6px;font-weight:600}.auth-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px;font-size:15px;color:var(--text);outline:none;margin-bottom:16px}.auth-input:focus{border-color:var(--accent)}.auth-error{background:#e23b2e1f;border:1px solid rgba(226,59,46,.4);color:#ff9b8f;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:16px}.auth-submit{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:12px;font-size:15px;font-weight:650;margin-top:4px}.auth-submit:hover:not(:disabled){background:var(--accent-2)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-foot{text-align:center;color:var(--text-3);font-size:11.5px;margin-top:20px}.user-row{display:flex;align-items:center;gap:8px;padding:4px}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-link{font-size:11.5px;color:var(--text-3)}.user-link:hover{color:var(--text-2)}.user-logout{color:var(--text-3);padding:8px;border-radius:7px;flex:none}.user-logout:hover{color:var(--text);background:var(--bg-3)}.nacho-foot{display:flex;flex-direction:column;gap:10px}.foot-id{display:flex;align-items:center;gap:11px;width:100%;padding:4px 6px;border-radius:10px;text-align:left}.foot-id:hover{background:var(--bg-3)}.foot-avatar{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);font-weight:700;font-size:16px}.foot-idtext{display:flex;flex-direction:column;min-width:0}.foot-name{font-size:14px;font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot-role{font-size:12px;color:var(--text-3)}.foot-actions{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.foot-act{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--text-2)}.foot-act svg{width:20px;height:20px}.foot-act:hover{background:var(--bg-3);color:var(--text)}.settings-layout{display:grid;grid-template-columns:180px 1fr;gap:28px;max-width:900px}.settings-rail{display:flex;flex-direction:column;gap:2px}.settings-tab{text-align:left;padding:9px 14px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14.5px;font-weight:550}.settings-tab:hover,.settings-tab.active{background:var(--bg-3);color:var(--text)}.settings-section h2{font-size:19px;font-weight:700;margin:0 0 4px}.settings-subh{font-size:14px;font-weight:650;margin:22px 0 10px;color:var(--text)}.settings-hint{color:var(--text-2);font-size:13px;margin:0 0 16px}.settings-form{display:flex;flex-direction:column;gap:12px;max-width:340px}.settings-field{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.settings-label{color:var(--text-2);font-size:13.5px}.settings-value{font-size:14px;font-weight:550}.settings-ok{background:#3fbf7f1f;border:1px solid rgba(63,191,127,.4);color:#6fdca0;border-radius:var(--radius-sm);padding:9px 12px;font-size:13px}.settings-rowhead{display:flex;align-items:center;justify-content:space-between}.settings-empty{color:var(--text-3);font-size:13.5px;padding:8px 0}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}.settings-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}.settings-check input{accent-color:var(--accent)}.badge{background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.badge.subtle{background:var(--bg-4);color:var(--text-2)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;max-width:560px}.theme-card{text-align:left}.theme-swatch{height:70px;border-radius:10px;border:2px solid transparent;padding:10px;display:flex;align-items:flex-end;gap:5px}.theme-swatch span{width:22px;height:22px;border-radius:5px}.theme-card.active .theme-name{color:var(--accent-2);font-weight:700}.theme-name{font-size:13px;margin-top:8px;color:var(--text-2)}.admin-table{width:100%;border-collapse:collapse}.admin-table td{padding:11px 0;border-bottom:1px solid var(--line);vertical-align:middle}.admin-name{font-size:14px;font-weight:600}.admin-meta{font-size:12px;color:var(--text-3);margin-top:2px}.admin-actions{text-align:right}.link-btn{color:var(--text-2);font-size:13px;padding:4px 8px;border-radius:6px}.link-btn:hover{color:var(--text);background:var(--bg-3)}.link-btn.danger:hover{color:#ff6b5e}.btn-sm{background:var(--accent);color:var(--accent-ink);padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600}.btn-sm:hover{background:var(--accent-2)}.btn-sm.ghost{background:var(--bg-3);color:var(--text);border:1px solid var(--line)}.btn-sm.ghost:hover{background:var(--bg-4)}.create-user{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.create-user-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.create-user-grid .auth-input{margin:0}.create-user-foot{display:flex;align-items:center;justify-content:space-between}@media (max-width: 600px){.create-user-grid{grid-template-columns:1fr}}.invite-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.invite-url{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:8px 12px;font-size:12.5px;color:var(--text-2);font-family:monospace}@media (max-width: 820px){.settings-layout{grid-template-columns:1fr;gap:16px}.settings-rail{flex-direction:row;overflow-x:auto;gap:6px}.settings-tab{white-space:nowrap}}.account-card{display:flex;align-items:center;gap:14px;padding:16px;margin:4px 0 22px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px}.account-avatar{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);font-weight:700;font-size:22px}.account-name{font-size:17px;font-weight:700}.account-handle{font-size:13px;color:var(--text-2);margin-top:2px}.settings-field-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.settings-field-row .settings-label{font-size:14px;font-weight:600;color:var(--text)}.auth-input.compact{margin:0;max-width:280px}.settings-divider{height:1px;background:var(--line);margin:34px 0}.np-iconbtn{color:var(--text-2);padding:6px;border-radius:7px}.np-iconbtn:hover{color:var(--text);background:var(--bg-3)}.np-iconbtn.on{color:var(--accent-2)}.queue-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#00000073;display:flex;justify-content:flex-end}.queue-panel{width:420px;max-width:92vw;background:var(--bg-2);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:var(--shadow);animation:queue-in .22s ease}@keyframes queue-in{0%{transform:translate(30px);opacity:.6}to{transform:none;opacity:1}}.queue-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.queue-head h3{font-size:17px;font-weight:700;margin:0}.queue-head-actions{display:flex;align-items:center;gap:8px}.queue-close{color:var(--text-2);font-size:15px;padding:4px 8px;border-radius:6px}.queue-close:hover{color:var(--text);background:var(--bg-3)}.queue-empty{color:var(--text-3);text-align:center;padding:60px 20px;font-size:14px}.queue-list{overflow-y:auto;padding:8px;flex:1}.queue-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:10px 10px 6px;font-weight:700}.queue-row{display:grid;grid-template-columns:22px 40px 1fr auto auto 26px;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer}.queue-row:hover,.queue-row.current{background:var(--bg-3)}.queue-row.current .queue-title{color:var(--accent-2)}.queue-row.dragover{box-shadow:inset 0 2px 0 var(--accent)}.queue-row.dragging{opacity:.4}.queue-grip{color:var(--text-3);cursor:grab;font-size:15px;text-align:center;touch-action:none}.queue-grip:active{cursor:grabbing}.queue-art{width:40px;height:40px;border-radius:6px;overflow:hidden;background:var(--bg-4);flex:none}.queue-art img{width:100%;height:100%;object-fit:cover}.queue-info{min-width:0}.queue-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-artist{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-playing-ico{color:var(--accent-2);font-size:14px}.queue-dur{color:var(--text-3);font-size:12.5px;font-variant-numeric:tabular-nums}.queue-remove{color:var(--text-3);font-size:13px;padding:4px;border-radius:5px;opacity:0}.queue-row:hover .queue-remove{opacity:1}.queue-remove:hover{color:#ff6b5e;background:var(--bg-4)}@media (max-width: 820px){.queue-sheet{align-items:flex-end;justify-content:stretch}.queue-panel{width:100%;max-width:100%;max-height:82vh;border-left:none;border-top-left-radius:16px;border-top-right-radius:16px;padding-bottom:env(safe-area-inset-bottom);animation:queue-up .24s ease}.queue-remove{opacity:1}.queue-row{grid-template-columns:26px 40px 1fr auto 30px}.queue-dur{display:none}}@keyframes queue-up{0%{transform:translateY(40px)}to{transform:none}}.about-hero{display:flex;gap:16px;align-items:center;padding:20px;margin-bottom:18px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px}.about-mark{width:64px;height:64px;border-radius:16px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);font-weight:800;font-size:32px}.about-name{font-size:26px;font-weight:800;margin:0;letter-spacing:-.02em}.about-tagline{color:var(--text-2);font-size:14px;margin-top:2px}.about-badges{display:flex;align-items:center;gap:10px;margin-top:8px}.about-vbadge{background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:12px;padding:3px 10px;border-radius:999px}.about-born{color:var(--text-3);font-size:12.5px}.about-blurb{color:var(--text-2);font-size:14px;line-height:1.6;max-width:620px;margin:0 0 22px}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.about-stat{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px}.about-stat-n{font-size:26px;font-weight:800;letter-spacing:-.02em}.about-stat-l{color:var(--text-2);font-size:13px;margin-top:2px}.about-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}.about-card-head{font-size:14px;font-weight:700;padding:14px 18px;border-bottom:1px solid var(--line)}.about-row{display:flex;align-items:center;justify-content:space-between;padding:13px 18px}.about-row+.about-row{border-top:1px solid var(--line)}.about-row span{color:var(--text-2);font-size:13.5px}.about-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text);background:var(--bg-3);padding:3px 9px;border-radius:6px}@media (max-width: 700px){.about-stats{grid-template-columns:repeat(2,1fr)}}.stats-rangebar{display:flex;gap:8px;margin-bottom:20px}.range-pill{padding:7px 14px;border-radius:999px;background:var(--bg-3);color:var(--text-2);font-size:13px;font-weight:600;border:1px solid transparent}.range-pill:hover{color:var(--text)}.range-pill.active{background:var(--accent);color:var(--accent-ink)}.stats-loading{color:var(--text-2);padding:40px 0;text-align:center}.stats-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat-total{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center}.stat-total-n{font-size:30px;font-weight:800;letter-spacing:-.02em}.stat-total-l{color:var(--text-2);font-size:13px;margin-top:2px}.stats-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:18px}.stats-card-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:14px}.stats-card-head .dim{font-weight:500;color:var(--text-3);font-size:13px}.stats-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats-cols .stats-card{margin-bottom:0}.stats-cols+.stats-cols{margin-top:18px;margin-bottom:18px}.dim{color:var(--text-3)}.stats-empty-sm{color:var(--text-3);font-size:13px;padding:8px 0}.trend-svg{width:100%;height:160px;display:block}.trend-axis{display:flex;justify-content:space-between;color:var(--text-3);font-size:11px;margin-top:4px}.top-list{list-style:none;margin:0;padding:0}.top-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:7px 0}.top-row+.top-row{border-top:1px solid var(--line)}.top-rank{color:var(--text-3);font-size:13px;font-weight:700;text-align:center}.top-label{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-plays{color:var(--text-2);font-size:13px;font-variant-numeric:tabular-nums}.format-bars{display:flex;flex-direction:column;gap:10px}.format-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:10px}.format-name{font-size:12.5px;font-weight:600;color:var(--text-2)}.format-track{background:var(--bg-4);border-radius:4px;height:10px;overflow:hidden}.format-track>i{display:block;height:100%;background:var(--accent);border-radius:4px}.format-n{font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.recent-list{display:flex;flex-direction:column}.recent-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 0}.recent-row+.recent-row{border-top:1px solid var(--line)}.recent-title{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-when{color:var(--text-3);font-size:12px;white-space:nowrap}@media (max-width: 760px){.stats-cols{grid-template-columns:1fr;gap:18px}.stats-cols .stats-card{margin-bottom:0}}.sync-pill{display:inline-flex;align-items:center;gap:3px;margin-left:8px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;vertical-align:middle}.pl-nav{padding:0 8px 8px;border-top:1px solid var(--line);margin-top:4px}.pl-nav-head{display:flex;align-items:center;justify-content:space-between;padding-right:4px}.pl-add{width:22px;height:22px;border-radius:6px;color:var(--text-2);font-size:18px;line-height:1}.pl-add:hover{background:var(--bg-3);color:var(--text)}.pl-create{padding:2px 2px 6px}.pl-create .auth-input{margin:0;padding:7px 10px;font-size:13px}.pl-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.pl-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.pl-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-item-count{color:var(--text-3);font-size:12px;flex:none}.pl-empty{color:var(--text-3);font-size:12.5px;padding:4px 12px}.playlist-cover{background:linear-gradient(135deg,var(--accent-2),var(--accent))}.playlist-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;width:420px;max-width:100%;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:16px;font-weight:700}.add-pl-track{padding:12px 18px;font-size:13.5px;color:var(--text);border-bottom:1px solid var(--line)}.add-pl-new{width:calc(100% - 24px);margin:12px;padding:10px;border-radius:9px;border:1px dashed var(--line);color:var(--text-2);font-weight:600;font-size:13.5px}.add-pl-new:hover{border-color:var(--accent);color:var(--text)}.add-pl-create{padding:12px}.add-pl-create .auth-input{margin:0 0 10px}.add-pl-create-row{display:flex;justify-content:flex-end;gap:10px}.add-pl-list{max-height:320px;overflow-y:auto;padding:0 12px 12px}.add-pl-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border-radius:9px;color:var(--text)}.add-pl-item:hover{background:var(--bg-3)}.add-pl-item.added{color:var(--accent-2)}.add-pl-name{font-size:14px;font-weight:550}.add-pl-count{font-size:12.5px;color:var(--text-3)}.add-pl-item.added .add-pl-count{color:var(--accent-2)}.nav-count{margin-left:auto;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.nav-item.active .nav-count{color:var(--text-2)}.meta-modal{width:540px;max-width:100%}.meta-loading,.meta-err{padding:24px 18px;color:var(--text-2)}.meta-err{color:#e06}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px}.meta-field{display:flex;flex-direction:column;gap:5px}.meta-field span{font-size:12px;color:var(--text-2);font-weight:600}.meta-field .auth-input{margin:0}.meta-lookup{padding:6px 18px 14px;border-top:1px solid var(--line)}.meta-note,.meta-notice{font-size:12.5px;color:var(--text-2);margin-top:8px}.meta-notice{color:var(--accent-2)}.meta-matches{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:260px;overflow-y:auto}.meta-match{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;background:var(--bg-3);text-align:left}.meta-match:hover{background:var(--bg-4)}.meta-match-main{display:flex;flex-direction:column;gap:2px;min-width:0}.meta-match-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-match-sub{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-match-score{font-size:11px;color:var(--text-3);flex:none}.meta-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px 18px;border-top:1px solid var(--line)}.meta-foot-note{font-size:11.5px;color:var(--text-3);padding:0 18px 16px}@media (max-width: 560px){.meta-grid{grid-template-columns:1fr}}.diag-overlay{position:fixed;right:16px;bottom:16px;width:540px;max-width:calc(100vw - 32px);max-height:70vh;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:200;display:flex;flex-direction:column}.diag-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px}.diag-head button{color:var(--text-2);font-size:16px}.diag-controls{display:flex;gap:12px;align-items:center;padding:12px 16px}.diag-hint{padding:0 16px 10px;font-size:12px;color:var(--text-3)}.diag-text{margin:0 16px 16px;height:320px;resize:vertical;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.5;background:var(--bg-3);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;white-space:pre;overflow:auto}.diag-body{padding:16px;color:var(--text-2)}.ctl-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid var(--text-3);border-top-color:var(--text);animation:nm-spin .7s linear infinite}@keyframes nm-spin{to{transform:rotate(360deg)}}.ctl-play.buffering{cursor:default}.settings-block{padding:14px 0;border-top:1px solid var(--line)}.settings-block:first-of-type{border-top:none}.settings-label-row{font-size:14px;margin-bottom:10px}.seg-control{display:inline-flex;background:var(--bg-3);border-radius:9px;padding:3px;gap:2px}.seg-control .seg{padding:7px 18px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-2);background:transparent;transition:background .12s,color .12s}.seg-control .seg.on{background:var(--accent);color:#fff}.seg-control .seg:not(.on):hover{color:var(--text)}.settings-slider-row{display:flex;align-items:center;gap:12px;margin-top:12px}.settings-slider-row input[type=range]{flex:1;max-width:280px;accent-color:var(--accent)}.settings-slider-row .settings-label{min-width:110px}.settings-slider-row .settings-value{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.lyrics-fetch{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}.np-lyrics-scroll .lyrics-fetch{margin:28px 0 12px;opacity:.7}.lyrics-fetch-status{font-size:13px;color:var(--text-2)}.lyrics-fetch-status.ok{color:var(--accent-2, #3a3)}.lyrics-fetch-status.err{color:#e06}.meta-lyrics-row{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}.meta-lyrics-row .meta-note{display:inline-block;margin-left:10px}.meta-note.meta-ok{color:var(--accent-2, #3a3)}.meta-note.meta-err-inline{color:#e06}.meta-note.meta-dim{display:block;margin:6px 0 0;color:var(--text-3);font-size:12px}.meta-section-label{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}.meta-section-label .meta-dim{font-weight:400}.album-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.album-actions{position:relative;display:inline-flex;align-items:center;gap:10px}.album-actions-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-3);color:var(--text);font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line)}.album-actions-btn:hover:not(:disabled){background:var(--bg-2)}.album-actions-btn:disabled{opacity:.6;cursor:default}.album-actions-menu{position:absolute;top:46px;left:0;z-index:30;width:320px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 10px 30px #0006}.album-actions-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;color:var(--text);font-size:14px}.album-actions-menu button:hover{background:var(--bg-3)}.album-actions-note{font-size:12px;color:var(--text-3);padding:8px 12px 4px}.album-actions-status{font-size:13px;color:var(--text-2)}.meta-mb-notice{margin-top:8px;color:var(--accent, #e0533d)}.podcast-add{display:flex;gap:10px;margin:4px 0 14px}.podcast-add .search{flex:1}.podcast-msg{padding:8px 12px;border-radius:8px;font-size:14px;margin-bottom:12px}.podcast-msg.ok{background:#3ca05a26;color:#6fd08a}.podcast-msg.err{background:#dc465a26;color:#f06a82}.opml-fail-list{list-style:none;margin:8px 0 0;padding:8px 0 0;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(220,70,90,.25)}.opml-fail{display:flex;flex-direction:column;gap:1px;font-size:12.5px}.opml-fail-title{font-weight:650;color:var(--text)}.opml-fail-url{color:var(--text-2);font-size:11.5px;word-break:break-all;text-decoration:none}.opml-fail-url:hover{text-decoration:underline}.opml-fail-err{color:#f06a82;font-size:12px}.podcast-desc{color:var(--text-2);font-size:14px;line-height:1.5;margin:14px 0 20px;max-width:760px}.ep-list{display:flex;flex-direction:column;gap:2px}.ep-row{display:flex;align-items:flex-start;gap:14px;padding:12px 10px;border-radius:10px}.ep-row:hover,.ep-row.playing{background:var(--bg-2)}.ep-play{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--bg-3);border:1px solid var(--line);color:var(--text);font-size:13px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.ep-play:hover{background:var(--accent);border-color:var(--accent);color:#fff}.ep-main{flex:1;min-width:0}.ep-title{font-weight:600;font-size:15px;margin-bottom:3px}.ep-done{color:#6fd08a;font-size:13px}.ep-sub{color:var(--text-3);font-size:13px}.ep-progress{height:3px;background:var(--bg-3);border-radius:2px;margin-top:7px;max-width:320px;overflow:hidden}.ep-progress>div{height:100%;background:var(--accent)}.podcast-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--bg-2);border-top:1px solid var(--line)}.pbar-cover{width:46px;height:46px;border-radius:6px;flex:0 0 46px;object-fit:cover}.pbar-info{min-width:0;width:200px}.pbar-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar-show{color:var(--text-3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar-controls{display:flex;align-items:center;gap:8px}.pbar-controls button{color:var(--text-2);font-size:13px;padding:6px 8px;border-radius:6px}.pbar-controls button:hover{background:var(--bg-3);color:var(--text)}.pbar-play{width:40px;height:40px;border-radius:50%;background:var(--accent)!important;color:#fff!important;font-size:14px}.pbar-scrub{flex:1;display:flex;align-items:center;gap:10px}.pbar-scrub input[type=range]{flex:1}.pbar-time{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;min-width:44px}.pbar-time:last-of-type{text-align:right}.pbar-close{color:var(--text-3);font-size:14px;padding:6px}.pbar-close:hover{color:var(--text)}@media (max-width: 720px){.pbar-scrub,.pbar-info{display:none}}.podcast-add-wrap{margin:4px 0 14px}.podcast-auth-toggle{font-size:13px;color:var(--text-3);margin-top:8px;padding:2px 0}.podcast-auth-toggle:hover{color:var(--text)}.podcast-auth{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-width:520px}.podcast-auth-note{font-size:12px;color:var(--text-3);line-height:1.4}.ep-actions{display:flex;align-items:center;flex:0 0 auto}.ep-act{width:36px;height:36px;border-radius:8px;background:var(--bg-3);border:1px solid var(--line);color:var(--text-2);font-size:14px}.ep-act:hover:not(:disabled){background:var(--bg-2);color:var(--text)}.ep-act:disabled{opacity:.5}.ep-dl-badge{font-size:11px;color:#6fd08a;margin-left:8px;font-weight:500}.podcast-rules{margin-top:12px;padding:14px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;max-width:560px;display:flex;flex-direction:column;gap:12px}.rule-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}.rule-row input[type=checkbox]{width:16px;height:16px}.rule-num{width:64px;padding:4px 8px;border-radius:6px;background:var(--bg-3);border:1px solid var(--line);color:var(--text);text-align:center}.rule-actions{display:flex;align-items:center;gap:10px}.rule-note{font-size:12px;color:var(--text-3);line-height:1.4}.podcast-opml{display:flex;gap:8px;align-items:center}.opml-btn{display:inline-flex;align-items:center;cursor:pointer;text-decoration:none}a.opml-btn{line-height:normal}.pbar-extras{display:flex;align-items:center;gap:4px}.pbar-x{min-width:34px;height:32px;padding:0 8px;border-radius:7px;background:var(--bg-3);border:1px solid var(--line);color:var(--text-2);font-size:13px;font-variant-numeric:tabular-nums}.pbar-x:hover{background:var(--bg-2);color:var(--text)}.pbar-x.on{background:var(--accent);border-color:var(--accent);color:#fff}.podcast-bar{position:relative}.pbar-panel{position:absolute;bottom:calc(100% + 8px);right:16px;z-index:70;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 8px 30px #0006;min-width:220px;max-width:360px}.pbar-panel-title{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.pbar-chips{display:flex;flex-wrap:wrap;gap:6px}.pbar-chip{padding:6px 10px;border-radius:7px;background:var(--bg-3);border:1px solid var(--line);color:var(--text-2);font-size:13px}.pbar-chip:hover{background:var(--bg);color:var(--text)}.pbar-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.pbar-chapters{min-width:300px}.pbar-chapter-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.pbar-chapter{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:8px;text-align:left;color:var(--text-2)}.pbar-chapter:hover{background:var(--bg-3);color:var(--text)}.pbar-chapter.active{background:var(--bg-3);color:var(--accent)}.pbar-chapter-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-3);min-width:52px}.pbar-chapter.active .pbar-chapter-time{color:var(--accent)}.pbar-chapter-title{font-size:14px}@media (max-width: 860px){.pbar-extras .pbar-x[title="Skip silence"],.pbar-extras .pbar-x[title="Sleep timer"]{display:none}}.backbar{display:flex;gap:8px;margin-bottom:14px}.backbar-btn{padding:6px 12px;border-radius:8px;background:var(--bg-2);border:1px solid var(--line);color:var(--text-2);font-size:13px}.backbar-btn:hover{background:var(--bg-3);color:var(--text)}.nowbar-inner.podcast-mode{position:relative;overflow:hidden;isolation:isolate}.np-art-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;filter:blur(38px) saturate(1.2);opacity:var(--pod-translucency, .35);transform:scale(1.2)}.np-frost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:color-mix(in srgb,var(--bg-2) calc((1 - var(--pod-translucency, .35)) * 100%),transparent);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1)}.podcast-mode .ctl-skip{font-size:12px;font-variant-numeric:tabular-nums}.podcast-mode .np-right.pod-right{gap:4px;position:relative}.pod-x-label{font-size:12px;font-variant-numeric:tabular-nums}.np-iconbtn .pod-x-label{min-width:30px;display:inline-block;text-align:center}.pod-popover{position:absolute;bottom:calc(100% + 12px);right:0;z-index:80}@supports not (background: color-mix(in srgb,red 50%,blue)){.np-frost{background:var(--bg-2);opacity:calc(1 - var(--pod-translucency, .35))}}.translucency-row{display:flex;align-items:center;gap:12px;max-width:420px}.translucency-row input[type=range]{flex:1}.translucency-label{font-size:12px;color:var(--text-3);min-width:44px}.translucency-label:last-child{text-align:right}.podcast-search-results{margin:8px 0 24px}.search-results-head{display:flex;align-items:baseline;justify-content:space-between}.search-card{position:relative;display:flex;flex-direction:column}.search-sub-btn{margin-top:8px;align-self:flex-start}.other-player-switch{display:inline-flex;align-items:center;gap:8px;margin-left:12px;padding:6px 10px 6px 8px;border-radius:10px;background:var(--bg-3);border:1px solid var(--line);max-width:220px;min-width:0;flex:none}.other-player-switch:hover{background:var(--bg-2);border-color:var(--accent)}.ops-icon{font-size:15px;flex:none}.ops-text{display:flex;flex-direction:column;min-width:0;text-align:left;line-height:1.2}.ops-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-sub{font-size:10.5px;color:var(--text-3)}.ops-play{font-size:11px;color:var(--accent);flex:none}@media (max-width: 860px){.other-player-switch .ops-text{display:none}}.np-screen-kicker{font-size:13px;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.np-util-text{font-size:13px;font-variant-numeric:tabular-nums;min-width:34px}.np-screen-chapters{display:flex;flex-direction:column;gap:2px;max-height:50vh;overflow-y:auto}.np-screen-chapter{display:flex;gap:12px;align-items:baseline;padding:12px 10px;border-radius:8px;text-align:left;color:var(--text-2);width:100%}.np-screen-chapter.on{background:var(--bg-3);color:var(--accent)}.np-screen-chapter .chap-time{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-3);min-width:56px}.np-screen-chapter.on .chap-time{color:var(--accent)}.np-screen-chapter .chap-title{font-size:15px}.np-other-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 20px 0;padding:12px 16px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);font-size:14px;font-weight:600}.np-other-switch:hover{border-color:var(--accent)}.np-other-play{color:var(--accent)}@media (max-width: 600px){.other-player-switch{display:none}}.tmenu-stop{color:var(--accent)}.search-sub-btn.subscribed{background:var(--bg-3);color:var(--text-2);cursor:default}.ep-select-toolbar{display:flex;align-items:center;gap:10px;margin:4px 0 10px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px}.ep-select-count{font-size:13px;color:var(--text-2);min-width:84px}.ep-select-spacer{flex:1}.btn-sm.danger{background:var(--danger, #c0392b);color:#fff}.btn-sm.danger:disabled{opacity:.5}.ep-row.selecting{cursor:pointer}.ep-row.selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.ep-check{display:flex;align-items:center;justify-content:center;width:38px;flex:none}.ep-check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.modal-card{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:22px;max-width:420px;margin:12vh auto 0;box-shadow:0 20px 60px #00000080}.modal-card h3{margin:0 0 8px;font-size:17px}.modal-text{color:var(--text-2);font-size:14px;line-height:1.5;margin:0 0 18px}.modal-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.modal-actions .btn-sm{width:100%;padding:10px}.modal-actions .link-btn{margin-top:2px}.card-art-wrap{position:relative}.card-dl-badge{position:absolute;top:7px;right:7px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;line-height:1.3;box-shadow:0 2px 6px #00000073;border:1px solid rgba(255,255,255,.25);letter-spacing:.02em}.podcast-filter{display:flex;align-items:center;gap:8px;margin:0 0 14px;max-width:380px}.podcast-filter .search{flex:1}@media (min-width: 821px){.sidebar{position:relative}}.sidebar-resize{position:absolute;top:0;right:-3px;bottom:0;width:6px;cursor:col-resize;z-index:5}.sidebar-resize:hover{background:color-mix(in srgb,var(--accent) 40%,transparent)}body.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing-sidebar *{-webkit-user-select:none!important;user-select:none!important}@media (max-width: 820px){.sidebar-resize{display:none}}.ftree-dl-count{margin-left:8px;flex:none;font-size:10.5px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);padding:1px 6px;border-radius:999px;white-space:nowrap}.sresults{display:flex;flex-direction:column;gap:2px}.sresult{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer}.sresult:hover{background:var(--bg-2)}.sresult-play{flex:none;width:32px;height:32px;border-radius:50%;background:var(--bg-3);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:12px}.sresult:hover .sresult-play{background:var(--accent);color:#fff}.sresult-main{min-width:0;flex:1}.sresult-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sresult-artist{font-weight:400;color:var(--text-2)}.sresult-snippet{font-size:13px;color:var(--text-2);font-style:italic;margin-top:3px;overflow:hidden;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.lyric-hl{background:color-mix(in srgb,var(--accent-2) 32%,transparent);color:var(--text);border-radius:3px;padding:0 2px;font-style:normal;font-weight:600}.lyric-jump{flex:none;font-style:normal;font-size:11.5px;font-weight:650;color:var(--accent-2);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:1px 9px;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease}.lyric-jump:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sresult-badges{flex:none;display:flex;gap:5px}.match-badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:999px;color:var(--text-2);background:var(--bg-3);border:1px solid var(--line)}.match-badge.mb-title{color:#fff;background:var(--accent);border-color:var(--accent)}.match-badge.mb-artist,.match-badge.mb-album{color:var(--text)}.match-badge.mb-lyrics{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.podcast-schedule{margin:4px 0 18px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px}.podcast-schedule-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.podcast-schedule-body{margin-top:12px;display:flex;flex-direction:column;gap:12px}.schedule-days{display:flex;gap:6px;flex-wrap:wrap}.schedule-day{padding:6px 12px;border-radius:8px;background:var(--bg-3);border:1px solid var(--line);color:var(--text-2);font-size:13px;font-weight:600}.schedule-day.on{background:var(--accent);color:#fff;border-color:var(--accent)}.schedule-time-row{display:flex;align-items:center;gap:10px}.schedule-time{padding:6px 10px;border-radius:8px;background:var(--bg-3);border:1px solid var(--line);color:var(--text);font-size:14px}