:root{--accent:#7c5cff;--on-accent:#fff;--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--accent-hover:color-mix(in srgb, var(--accent) 85%, white);--bg:#0b0b10;--bg-side:#08080c;--surface:#13131a;--surface-2:#1a1a23;--surface-3:#23232e;--border:#262633;--text:#ececf1;--text-dim:#9a9aad;--text-faint:#6c6c80;--danger:#ff5c6c;--ok:#3ddc97;--warn:#ffb547;--radius:10px;--radius-s:6px;--player-h:88px;--tabbar-h:58px;--side-w:240px;--panel-w:340px;--shadow:0 12px 40px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4{margin:0;line-height:1.2}h1{letter-spacing:-.02em;font-size:28px;font-weight:800}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:700}h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:16px 0 8px;font-size:13px;font-weight:700}p{margin:0}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dim{color:var(--text-dim)}.small{font-size:12px}.strong{font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.accent{color:var(--accent)}.center{text-align:center;justify-content:center}.right{text-align:right}.nowrap{white-space:nowrap}.block{display:block}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.pad{padding:12px 0}.pad-top{padding-top:14px}.pad-bottom{padding-bottom:14px}.spacer{flex:1}.grow{flex:1;min-width:0}.row{align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.gap-s{gap:8px}.gap-m{gap:16px}.muted{opacity:.55}.faded{opacity:.6;transition:opacity .15s}.dot:before{content:"·";color:var(--text-faint);margin:0 6px}.err-text{color:var(--danger)}.sentinel{height:1px}.app{grid-template-columns:var(--side-w) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--player-h);background:var(--bg-side);grid-template-areas:"side main""player player";height:100dvh;display:grid}.app.with-panel{grid-template-columns:var(--side-w) minmax(0, 1fr) var(--panel-w);grid-template-areas:"side main panel""player player player"}.sidebar{background:var(--bg-side);flex-direction:column;grid-area:side;gap:4px;min-height:0;padding:18px 12px 12px;display:flex}.logo{letter-spacing:-.01em;align-items:center;gap:10px;padding:0 8px 16px;font-size:18px;font-weight:800;display:flex}.logo:hover{text-decoration:none}.logo-mark{background:var(--accent);width:30px;height:30px;color:var(--on-accent);box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:9px;place-items:center;display:grid}.nav{flex-direction:column;gap:2px;display:flex}.nav.bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:8px}.nav-item{border-radius:var(--radius-s);color:var(--text-dim);align-items:center;gap:12px;padding:9px 10px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:var(--text);background:var(--surface);text-decoration:none}.nav-item.active{color:var(--text);background:var(--surface-2)}.nav-item.active svg{color:var(--accent)}.nav-section{letter-spacing:.1em;color:var(--text-faint);justify-content:space-between;align-items:center;padding:18px 10px 6px;font-size:11px;font-weight:700;display:flex}.pl-create{gap:6px;padding:4px 4px 8px;display:flex}.pl-create input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);flex:1;min-width:0;padding:6px 8px}.playlists{flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow-y:auto}.pl-item{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:7px 10px;font-weight:500;display:block;overflow:hidden}.pl-smart-icon{vertical-align:-2px;color:var(--accent);margin-right:6px;display:inline-flex}.pl-smart-new{text-align:left;gap:8px;width:calc(100% - 8px);margin:0 4px 8px;padding:7px 10px;font-size:13px}.pl-smart-new svg{color:var(--accent)}.smart-public{align-self:end;padding-bottom:8px}.rule-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:10px;padding:12px;display:flex}.rule-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.6fr) auto;align-items:center;gap:8px;display:grid}.rule-value{align-items:center;gap:6px;min-width:0;display:flex}.rule-value>.input{flex:1;min-width:0}.rule-group{border:1px dashed var(--border);border-radius:var(--radius-s);background:var(--surface);flex-direction:column;gap:8px;padding:10px;display:flex}.rule-json{white-space:pre;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);-webkit-user-select:text;user-select:text;max-height:260px;margin:0;padding:12px;font-size:12px;overflow:auto}.smart-summary{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.badge.smart{background:var(--accent-soft);color:var(--accent);gap:4px}.main{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, var(--bg)) 0, var(--bg) 320px);border-radius:12px 12px 0 0;grid-area:main;min-width:0;min-height:0;margin:8px 8px 0 0;position:relative;overflow:hidden auto}.app.with-panel .main{margin-right:0}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:14px;padding:12px 24px;display:flex;position:sticky;top:0}.top-search{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;width:min(360px,100%);min-width:0;padding:8px 16px;display:flex}.top-search:hover{border-color:var(--text-faint)}.top-search span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-chip{background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-weight:600;display:flex}.user-chip:hover{background:var(--surface-2);text-decoration:none}.avatar{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.content{padding:8px 24px 40px}.page{flex-direction:column;gap:20px;width:100%;display:flex}.page.narrow{max-width:920px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:8px;display:flex}.section{flex-direction:column;gap:12px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:18px;display:flex}.splash{place-items:center;height:100dvh;display:grid}.btn{background:var(--surface-3);color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;transition:background .12s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--surface-3) 70%, white 10%);text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{border-color:var(--border);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.danger{color:var(--danger)}.btn.danger:not(.ghost){background:color-mix(in srgb, var(--danger) 16%, transparent)}.btn.small{padding:5px 12px;font-size:12px}.btn.block{width:100%}.btn.hepgg{color:#111;background:#fff}.btn.hepgg:hover:not(:disabled){background:#e8e8ee}.hepgg-mark{color:#fff;background:#111;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.icon-btn{width:32px;height:32px;color:var(--text-dim);border-radius:50%;flex:none;place-items:center;transition:color .12s,background .12s;display:inline-grid;position:relative}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--surface-2);text-decoration:none}.icon-btn.on,.icon-btn.heart.on{color:var(--accent)}.icon-btn.lg{width:44px;height:44px}.icon-btn.round{background:#0006}.icon-btn.danger:hover{color:var(--danger)}.icon-spacer{flex:none;width:32px}.link-btn{color:var(--accent);text-align:left;word-break:break-all;font-size:12px}.link-btn:hover{text-decoration:underline}.play-btn{background:var(--text);color:#0b0b10;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:transform 80ms;display:grid}.play-btn:hover:not(:disabled){transform:scale(1.06)}.play-btn.big{background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 40%, transparent)}.play-btn.loading{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.input,.form input:not([type=checkbox]):not([type=color]),.form select,.form textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);outline:none;min-width:0;padding:9px 12px;transition:border-color .12s}.input.small{padding:5px 8px;font-size:12px}.input:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent)}.form input:disabled,.form input:read-only{color:var(--text-dim)}.narrow-input{width:90px}.form{flex-direction:column;gap:14px;display:flex}.form label{flex-direction:column;gap:6px;display:flex}.form label>span:first-child{color:var(--text-dim);font-size:12px;font-weight:600}.form label.check>span:first-child{color:var(--text);font-size:14px;font-weight:500}label.check,.form label.check{cursor:pointer;flex-direction:row;align-items:center;gap:10px}label.check input{width:16px;height:16px;accent-color:var(--accent);flex:none}.toggle-row{align-items:flex-start!important}.toggle-row input{margin-top:3px}.inline-field{align-items:center;gap:8px;display:flex}.form.grid-2,.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.span-2{grid-column:1/-1}.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border-radius:var(--radius-s);padding:8px 12px;font-size:13px}.notice{background:var(--accent-soft);border-radius:var(--radius-s);padding:12px}.copy-row{align-items:center;gap:8px;display:flex}.copy-row>input{flex:1;min-width:0}.search-box{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:10px;max-width:640px;padding:12px 18px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box.small{max-width:none;padding:8px 14px}.search-box input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-box.small input{font-size:14px}.badge{background:var(--surface-3);color:var(--text-dim);vertical-align:middle;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.banner a{color:var(--accent);text-decoration:underline}.banner.warn{border-color:color-mix(in srgb, var(--warn) 40%, transparent);background:color-mix(in srgb, var(--warn) 10%, var(--surface))}.banner.error{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.banner.ok{border-color:color-mix(in srgb, var(--ok) 40%, transparent);background:color-mix(in srgb, var(--ok) 10%, var(--surface))}.status-pill{text-transform:capitalize;background:var(--surface-3);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.running,.status-pill.pending{background:var(--accent-soft);color:var(--accent)}.status-pill.done,.status-pill.paid,.status-pill.completed{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.status-pill.failed,.status-pill.cancelled,.status-pill.expired{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.mini-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}.spinner-wrap{flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:10px;padding:48px 16px;display:flex}.empty strong{color:var(--text);font-size:16px}.empty.small{padding:24px 16px;font-size:13px}.error-box{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 8%, var(--surface));flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.art{aspect-ratio:1;border-radius:var(--radius-s);background:var(--surface-2);flex:none;position:relative;overflow:hidden}.art.round{border-radius:50%}.art img{object-fit:cover;width:100%;height:100%;display:block}.art-ph{width:100%;height:100%;color:var(--text-faint);background:linear-gradient(135deg, var(--surface-3), var(--surface-2));place-items:center;display:grid}.art-ph svg{width:36%;height:36%}.np-bars{align-items:flex-end;gap:2px;width:14px;height:14px;display:inline-flex}.np-bars span{background:var(--accent);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite np}.np-bars span:nth-child(2){animation-delay:-.3s}.np-bars span:nth-child(3){animation-delay:-.6s}.paused .np-bars span{animation-play-state:paused}@keyframes np{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.tracklist{--cols:44px minmax(0, 5fr) minmax(0, 3fr) 64px 76px;flex-direction:column;display:flex}.tracklist.no-album{--cols:44px minmax(0, 1fr) 64px 76px}.tracklist.with-plays{--cols:44px minmax(0, 5fr) minmax(0, 3fr) 56px 64px 76px}.tracklist.with-plays.no-album{--cols:44px minmax(0, 1fr) 56px 64px 76px}.tl-head,.tl-row{grid-template-columns:var(--cols);align-items:center;gap:12px;padding:0 12px;display:grid}.tl-head{height:36px;color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px}.tl-head>div{-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.tl-head .sortable{cursor:pointer}.tl-head .sortable:hover,.tl-head .sorted{color:var(--text)}.tl-row{border-radius:var(--radius-s);-webkit-user-select:none;user-select:none;height:52px}.tl-row:hover{background:var(--surface)}.tl-row.active{background:color-mix(in srgb, var(--accent) 8%, transparent)}.c-idx{color:var(--text-dim);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative;justify-content:center!important}.c-idx .play-hover{opacity:0;color:var(--text);margin:auto;position:absolute;inset:0}.tl-row:hover .c-idx .play-hover{opacity:1}.tl-row:hover .c-idx>span{opacity:0}.c-title{align-items:center;gap:12px;min-width:0;display:flex}.tl-art{border-radius:4px;width:40px;height:40px}.tl-text{flex-direction:column;min-width:0;display:flex}.tl-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.tl-sub,.c-album{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.tl-sub a:hover,.c-album a:hover{color:var(--text)}.c-dur,.c-plays{font-variant-numeric:tabular-nums;text-align:right;justify-content:flex-end;font-size:13px}.c-act{justify-content:flex-end;gap:2px;display:flex}.tl-row .c-act .icon-btn:not(.on){opacity:0}.tl-row:hover .c-act .icon-btn,.tl-row.active .c-act .icon-btn{opacity:1}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px 16px;display:grid}.card{border-radius:var(--radius);background:0 0;flex-direction:column;gap:6px;min-width:0;padding:10px;transition:background .15s;display:flex}.card:hover{background:var(--surface);text-decoration:none}.card-link{flex-direction:column;gap:8px;min-width:0;display:flex}.card-link:hover{text-decoration:none}.card-art{position:relative}.card-art .art{width:100%;box-shadow:0 8px 24px #0006}.card-play{background:var(--accent);width:44px;height:44px;color:var(--on-accent);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(8px);box-shadow:0 8px 20px #00000073}.card:hover .card-play,.card-play:focus-visible{opacity:1;transform:none}.card-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.card-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.card-sub a:hover{color:var(--text)}.shelf{flex-direction:column;gap:8px;display:flex}.shelf-head{justify-content:space-between;align-items:baseline;padding:0 10px;display:flex}.shelf-row{scroll-snap-type:x proximity;grid-auto-columns:180px;grid-auto-flow:column;gap:8px;padding-bottom:6px;display:grid;overflow-x:auto}.shelf-row>*{scroll-snap-align:start}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);text-decoration:none}.hero{align-items:flex-end;gap:24px;padding-top:8px;display:flex}.hero-art{width:220px;box-shadow:0 16px 48px #0000008c}.hero-text{flex-direction:column;gap:8px;min-width:0;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:12px;font-weight:700}.hero-title{word-break:break-word;font-size:clamp(28px,5vw,64px);line-height:1.05}.hero-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;display:flex}.hero-meta .strong{color:var(--text)}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.disc{color:var(--text-dim);margin:12px 12px 0}.bio{color:var(--text-dim);white-space:pre-line;max-width:820px}.bio.clamp{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stars{gap:2px;display:inline-flex}.star{color:var(--text-faint);place-items:center;padding:2px;display:grid}.star.on{color:var(--accent)}.star:hover{color:var(--accent-hover)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:7px 14px;font-weight:600}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--text);color:var(--bg)}.tabs.small button{padding:5px 12px;font-size:12px}.side-panel{background:var(--surface);border-radius:12px 12px 0 0;flex-direction:column;grid-area:panel;min-height:0;margin:8px 8px 0;display:flex;overflow:hidden}.sp-head{justify-content:space-between;align-items:center;padding:12px 12px 8px 16px;display:flex}.sp-body{flex:1;min-height:0;padding:0 8px 16px;overflow-y:auto}.sp-sub{justify-content:space-between;align-items:center;padding:4px 8px 8px;display:flex}.q-row{border-radius:var(--radius-s);cursor:pointer;grid-template-rows:auto;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid;position:relative}.q-row:hover{background:var(--surface-2)}.q-row.active{background:var(--accent-soft)}.q-row.past{opacity:.5}.q-art{border-radius:4px;width:40px;height:40px}.q-text{flex-direction:column;min-width:0;display:flex}.q-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:500;display:flex;overflow:hidden}.q-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.q-actions{gap:0;display:none}.q-actions .icon-btn{width:26px;height:26px}.q-row:hover .q-actions{display:flex}.q-row:hover .q-dur{display:none}.lyrics{padding:8px 20px 40vh}.lyric{color:var(--text-dim);margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.35;transition:color .2s}.lyric.synced{cursor:pointer;color:var(--text-faint)}.lyric.synced.past{color:var(--text-dim)}.lyric.synced.active,.lyric.synced:hover{color:var(--text)}.player{background:var(--bg-side);grid-area:player;grid-template-columns:minmax(180px,1fr) minmax(0,2fr) minmax(180px,1fr);align-items:center;gap:16px;min-width:0;padding:0 16px;display:grid;position:relative}.pl-left{align-items:center;gap:12px;min-width:0;display:flex}.pl-art{width:56px;height:56px}.pl-meta{flex-direction:column;min-width:0;display:flex}.pl-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pl-artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pl-center{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.pl-controls{align-items:center;gap:12px;display:flex}.repeat-one{color:var(--accent);font-size:9px;font-weight:900;position:absolute;top:2px;right:2px}.pl-seek{align-items:center;gap:8px;width:100%;max-width:640px;display:flex}.time{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center;min-width:38px;font-size:11px}.pl-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.range{appearance:none;background:linear-gradient(to right, var(--text) 0, var(--text) var(--pct,0%), var(--surface-3) var(--pct,0%), var(--surface-3) 100%);cursor:pointer;border-radius:4px;outline:none;flex:1;height:4px;margin:0}.range:hover{background:linear-gradient(to right, var(--accent) 0, var(--accent) var(--pct,0%), var(--surface-3) var(--pct,0%), var(--surface-3) 100%)}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .1s}.range:hover::-webkit-slider-thumb{opacity:1}.range::-moz-range-thumb{background:var(--text);border:none;border-radius:50%;width:12px;height:12px}.range:disabled{cursor:default}.range.vol{flex:none;width:100px}.pl-mini-progress{display:none}.ctx{z-index:100;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-width:210px;max-width:280px;box-shadow:var(--shadow);flex-direction:column;padding:5px;display:flex;position:fixed}.ctx-title{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;padding:6px 10px 8px;font-size:12px;font-weight:700;overflow:hidden}.ctx-item{text-align:left;border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.ctx-item:hover{background:var(--surface-3);text-decoration:none}.ctx-item.danger{color:var(--danger)}.ctx-rating{cursor:default}.ctx-rating:hover{background:0 0}.ctx-sep{background:var(--border);height:1px;margin:4px 6px}.ctx-sub{margin-left:4px;position:absolute;top:-6px;left:100%}.ctx-sub.left{margin-left:0;margin-right:4px;left:auto;right:100%}.ctx-sub:before{content:"";z-index:-1;position:absolute;inset:0 -8px}.ctx-scroll{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.ctx-scroll .ctx-item{text-overflow:ellipsis;display:block;overflow:hidden}.modal-backdrop,.drawer-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;animation:.12s fade;position:fixed;inset:0}.modal-backdrop{place-items:center;padding:16px;display:grid}.modal{background:var(--surface);border:1px solid var(--border);width:min(460px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);border-radius:14px;animation:.15s pop;overflow-y:auto}.modal.wide{width:min(720px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 8px 20px;display:flex}.modal-head h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-body{padding:8px 20px 20px}.drawer{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:min(460px,100%);animation:.18s slide;display:flex;position:absolute;top:0;bottom:0;right:0}.drawer-body{flex:1;padding:8px 20px 20px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--border);padding:14px 20px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}@keyframes slide{0%{opacity:0;transform:translate(40px)}}.toasts{z-index:200;left:50%;bottom:calc(var(--player-h) + 16px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;cursor:pointer;background:var(--text);color:var(--bg);box-shadow:var(--shadow);text-align:center;border-radius:999px;max-width:min(520px,90vw);padding:10px 18px;font-weight:600;animation:.15s pop}.toast.error{background:var(--danger);color:#fff}.toast.success{background:var(--accent);color:var(--on-accent)}.auth-page{background:radial-gradient(900px 500px at 20% -10%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 60%), radial-gradient(700px 400px at 110% 110%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--bg);place-items:center;height:100dvh;min-height:100dvh;padding:24px 16px;display:grid;overflow-y:auto}.auth-card{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);width:min(400px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:16px;padding:28px;display:flex}.auth-card .logo{padding:0 0 4px}.or{color:var(--text-faint);align-items:center;gap:12px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.auth-links{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.auth-links a:hover{color:var(--accent)}.quota{flex-direction:column;gap:8px;display:flex}.quota-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.quota-top a{color:var(--accent)}.bar{background:var(--surface-3);border-radius:8px;height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:8px;height:100%;transition:width .3s}.bar-fill.warn{background:var(--warn)}.bar-fill.full{background:var(--danger)}.dl-inputs{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.cand-list,.dl-list{flex-direction:column;gap:2px;max-height:520px;display:flex;overflow-y:auto}.dl-list{max-height:none}.cand,.dl-row{border-radius:var(--radius-s);align-items:center;gap:12px;padding:6px 8px;display:flex}.cand:hover,.dl-row:hover{background:var(--surface-2)}label.cand{cursor:pointer}.cand input[type=checkbox]{accent-color:var(--accent);flex:none;width:16px;height:16px}.cand-art{border-radius:4px;width:42px;height:42px}.cand-text{flex-direction:column;flex:1;min-width:0;display:flex}.cand-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cand-text .dim{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resolved{flex-direction:column;gap:10px;display:flex}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.table tr:last-child td{border-bottom:none}.table.hover tr.clickable{cursor:pointer}.table.hover tr.clickable:hover td{background:var(--surface-2)}.table .btn+.btn{margin-left:4px}.settings-section{gap:14px}.settings-head{flex-direction:column;gap:4px;display:flex}.color-pick{cursor:pointer;align-items:center;gap:10px;display:flex}.color-pick input[type=color]{border:2px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:12px;width:44px;height:44px;padding:2px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 2px #00000040}.swatch.on{border-color:var(--text)}.list{flex-direction:column;gap:4px;display:flex}.list-row{border-radius:var(--radius-s);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.list-row>div:first-child{min-width:0}.price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px;display:flex}.price-card.featured{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.price-units{color:var(--text-dim);font-weight:700}.price-amount{font-size:28px;font-weight:800}.price-card .btn{margin-top:auto}.stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-value{font-size:24px;font-weight:800}.tabs .tab-link{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:7px 14px;font-weight:600}.tabs .tab-link:hover{color:var(--text);text-decoration:none}.tabs .tab-link.active{background:var(--text);color:var(--bg)}.admin-stack{flex-direction:column;gap:16px;margin-top:16px;display:flex}.admin-stack.narrow-stack{max-width:760px}.admin-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel-title{font-size:16px}.kv{grid-template-columns:max-content 1fr;gap:8px 24px;margin:0;display:grid}.kv dt{color:var(--text-dim)}.kv dd{margin:0;font-weight:600}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-axis{fill:var(--text-faint);font-size:11px}.chart-bar{fill:var(--accent);opacity:.85;transition:opacity .1s}.chart-bar.on{opacity:1;fill:var(--accent-hover)}.chart-hit{fill:#0000;cursor:default}.chart-tip{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-s);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);z-index:2;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.usage{flex-direction:column;gap:4px;min-width:140px;display:flex}.usage-top{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bar.thin{height:6px}.usage-col{min-width:170px}.fmt-col{min-width:200px}.fmt{flex-direction:column;gap:6px;display:flex}.fmt-bar{background:var(--surface-3);border-radius:8px;height:8px;display:flex;overflow:hidden}.fmt-seg{min-width:2px;height:100%}.fmt-legend{flex-wrap:wrap;gap:4px 10px;display:flex}.fmt-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.sidebar-parent{color:var(--text-faint);padding:8px 12px 0;display:block}.sidebar-parent:hover{color:var(--text);text-decoration:none}.badge.danger{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.badge.src-hepgg-premium{background:var(--accent-soft);color:var(--accent)}.badge.src-gateway{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.badge.src-manual{color:#4cc9f0;background:#4cc9f029}.badge.hs-missing{border:1px dashed var(--border);color:var(--text-faint);background:0 0}.hs-revoked td{opacity:.6}.hs-revoked td:last-child{opacity:1}.hs-subrow>td{background:var(--surface-2)}.hs-inner{width:100%}.hs-chips{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.hs-chips>.dim{min-width:72px}.hs-bar-col{width:40%;min-width:120px}.lib-path{max-width:320px}.rank-list,.feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rank-row,.feed-row{border-radius:var(--radius-s);align-items:center;gap:12px;padding:6px 4px;display:flex}.rank-row:hover,.feed-row:hover{background:var(--surface-2)}.rank-n{text-align:right;font-variant-numeric:tabular-nums;width:20px}.rank-art{flex:none;width:40px;height:40px}.rank-art .art-ph svg{width:18px;height:18px}.rank-text{flex:1;min-width:0}.rank-plays{color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.feed-meta{text-align:right;white-space:nowrap}.tabbar{display:none}@media (max-width:1200px){.app.with-panel{--panel-w:300px}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.dl-inputs{grid-template-columns:1fr}}@media (max-width:900px){:root{--player-h:64px}.app,.app.with-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--player-h) var(--tabbar-h);grid-template-areas:"main""player""tabs"}.sidebar{display:none}.main,.app.with-panel .main{border-radius:0;margin:0}.topbar{padding:10px 14px}.topbar .icon-btn.round{display:none}.top-search{flex:1;width:auto}.hide-sm{display:none!important}.content{padding:4px 14px 24px}h1{font-size:24px}.side-panel{z-index:50;top:0;left:0;right:0;bottom:calc(var(--player-h) + var(--tabbar-h));border-radius:0;margin:0;animation:.12s fade;position:fixed}.q-actions{display:flex}.q-dur{display:none}.tabbar{background:var(--bg-side);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-area:tabs;justify-content:space-around;align-items:stretch;display:flex}.tabbar a{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex}.tabbar a:hover{text-decoration:none}.tabbar a.active{color:var(--accent)}.player{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:0 10px}.pl-art{width:44px;height:44px}.pl-seek,.pl-controls .icon-btn,.pl-left .heart,.pl-right .range,.pl-right .icon-btn:nth-child(3){display:none}.pl-mini-progress{background:var(--accent);height:2px;display:block;position:absolute;top:-1px;left:0}.tracklist,.tracklist.with-plays,.tracklist.no-album,.tracklist.with-plays.no-album{--cols:32px minmax(0, 1fr) 72px}.tl-head{display:none}.tl-row{gap:8px;padding:0 4px}.c-album,.c-plays,.c-dur{display:none!important}.tl-row .c-act .icon-btn{opacity:1}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.shelf-row{grid-auto-columns:150px}.card{padding:6px}.card-play{opacity:1;width:38px;height:38px;transform:none}.hero{flex-direction:column;align-items:flex-start}.hero-art{align-self:center;width:min(220px,60vw)}.form.grid-2,.grid-2{grid-template-columns:1fr}.toasts{bottom:calc(var(--player-h) + var(--tabbar-h) + 12px)}.drawer{width:100%}.admin-cols{grid-template-columns:1fr}}@media (max-width:520px){.rule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.rule-row .rule-value{grid-area:2/1/auto/3}.price-grid{grid-template-columns:1fr}.copy-row{flex-wrap:wrap}.user-chip{padding:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hs-card{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface) 60%)}.hs-card h2{margin:0}.hs-links{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.hs-links a{color:var(--accent);align-items:center;gap:5px;display:inline-flex}.hs-links a:hover{text-decoration:underline}.device-code{font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.18em;text-align:center;text-transform:uppercase;font-size:24px}.device-ask{border-radius:var(--radius-s);background:var(--surface-2);align-items:center;gap:12px;padding:14px;display:flex}.device-ask>svg{color:var(--accent);flex:none}.session-icon{background:var(--surface);width:34px;height:34px;color:var(--text-dim);border-radius:50%;flex:none;place-items:center;display:grid}.session-main{align-items:center;gap:12px;min-width:0;display:flex}.swatch-dot{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.site-page{background:radial-gradient(1000px 520px at 50% -12%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 62%), var(--bg);flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.site-nav{justify-content:space-between;align-items:center;gap:16px;width:min(1100px,100%);margin:0 auto;padding:16px 24px;display:flex}.site-brand{align-items:center;gap:10px;font-size:16px;font-weight:800;display:inline-flex}.site-brand:hover{text-decoration:none}.site-nav-links{color:var(--text-dim);gap:18px;font-size:13px;display:flex}.site-nav-links a:hover,.site-nav-links a.active{color:var(--text)}.site-main{flex-direction:column;flex:1;gap:28px;width:min(1100px,100%);margin:0 auto;padding:16px 24px 48px;display:flex}.site-narrow{flex-direction:column;gap:18px;width:min(560px,100%);margin:0 auto;display:flex}.site-center{text-align:center}.site-center a,.site-premium a:not(.btn),.site-cta a:not(.btn){color:var(--accent)}.site-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 0 8px;display:flex}.site-hero.compact{padding:24px 0 0}.site-hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(32px,6vw,52px)}.site-hero-logo{filter:drop-shadow(0 10px 30px color-mix(in srgb, var(--accent) 45%, transparent))}.site-tagline{max-width:620px;color:var(--text-dim);margin:0;font-size:16px}.site-hero-downloads{justify-content:center;margin-top:8px;display:flex}.site-hero-downloads .hs-downloads{align-items:center}.site-hero-downloads .hs-links{justify-content:center}.btn.large{padding:13px 26px;font-size:16px}.site-features{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.site-feature{gap:8px}.site-feature h3{margin:0;font-size:16px}.site-feature p{margin:0}.site-feature-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.site-cta-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.site-cta h2,.site-premium h2,.site-notes h2,.site-cta p,.site-premium p{margin:0}.site-premium{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface) 60%)}.site-notes-body{white-space:pre-wrap;color:var(--text-dim);max-height:320px;overflow-y:auto}.site-footer{border-top:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:center;gap:18px;padding:20px 24px 28px;font-size:13px;display:flex}.site-footer a:hover{color:var(--text)}