@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-ext-wght-normal-C8S-KRRz.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=dark]{--bg:#0f1218;--surface:#161a22;--surface-2:#1c212b;--surface-3:#252c38;--line:#262d3a;--line-strong:#353e4f;--fg:#e7eaf1;--muted:#8c94a7;--faint:#5f687b;--accent:#6ea8fe;--accent-strong:#8bb9ff;--accent-soft:#6ea8fe24;--on-accent:#0b1020;--ok:#4ade80;--ok-soft:#4ade801f;--warn:#fbbf24;--warn-soft:#fbbf241f;--err:#f87171;--err-soft:#f8717121;--highlight:#203350;--shadow-sm:0 1px 2px #0000004d;--shadow-pop:0 16px 40px #00000073;--backdrop:#05080e99;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f5f8;--surface:#fff;--surface-2:#f0f2f6;--surface-3:#e4e8ef;--line:#e1e5ec;--line-strong:#cfd5df;--fg:#141821;--muted:#596274;--faint:#7c8597;--accent:#2f6fd0;--accent-strong:#245bb0;--accent-soft:#2f6fd01a;--on-accent:#fff;--ok:#15803d;--ok-soft:#15803d1a;--warn:#b45309;--warn-soft:#b453091a;--err:#c02434;--err-soft:#c0243414;--highlight:#dbe7fb;--shadow-sm:0 1px 2px #1018280d, 0 4px 14px #1018280d;--shadow-pop:0 16px 40px #10182829;--backdrop:#14182159;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{--bg:#f3f5f8;--surface:#fff;--surface-2:#f0f2f6;--surface-3:#e4e8ef;--line:#e1e5ec;--line-strong:#cfd5df;--fg:#141821;--muted:#596274;--faint:#7c8597;--accent:#2f6fd0;--accent-strong:#245bb0;--accent-soft:#2f6fd01a;--on-accent:#fff;--ok:#15803d;--ok-soft:#15803d1a;--warn:#b45309;--warn-soft:#b453091a;--err:#c02434;--err-soft:#c0243414;--highlight:#dbe7fb;--shadow-sm:0 1px 2px #1018280d, 0 4px 14px #1018280d;--shadow-pop:0 16px 40px #10182829;--backdrop:#14182159;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=soft]{--bg:#fdf6f9;--surface:#fff;--surface-2:#fbeef4;--surface-3:#f4dde8;--line:#f0d6e2;--line-strong:#e4bfd1;--fg:#2e1c27;--muted:#8b6577;--faint:#a8879a;--accent:#c8497f;--accent-strong:#a93a6a;--accent-soft:#c8497f1a;--on-accent:#fff;--ok:#2f8f6b;--ok-soft:#2f8f6b1a;--warn:#b7791f;--warn-soft:#b7791f1a;--err:#c0344f;--err-soft:#c0344f14;--highlight:#fbe0ec;--shadow-sm:0 1px 2px #5014320d, 0 4px 14px #5014320d;--shadow-pop:0 16px 40px #50143224;--backdrop:#2e1c274d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=children]{--bg:#f0f8ff;--surface:#fff;--surface-2:#e0f7fa;--surface-3:#c9e9ef;--line:#b0e0e6;--line-strong:#8cc7d1;--fg:#333;--muted:#666;--faint:#858585;--accent:#c2185b;--accent-strong:#a3134c;--accent-soft:#c2185b1a;--on-accent:#fff;--ok:#2e7d32;--ok-soft:#2e7d321a;--warn:#8a6d00;--warn-soft:#8a6d001f;--err:#c62828;--err-soft:#c6282814;--highlight:#d4ecf5;--shadow-sm:0 1px 2px #0000000f, 0 4px 14px #4682b41a;--shadow-pop:0 16px 40px #0000002e;--backdrop:#0006;--radius-s:6px;--radius-m:9px;--radius-l:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=glass]{--bg:#0f0c1a;--surface:#1b1729;--surface-2:#241f35;--surface-3:#2e2843;--line:#2c2937;--line-strong:#3d3950;--fg:#f1f0ff;--muted:#8b8998;--faint:#615e72;--accent:#8b5cf6;--accent-strong:#a78bfa;--accent-soft:#8b5cf638;--on-accent:#fff;--ok:#34d399;--ok-soft:#34d39924;--warn:#fbbf24;--warn-soft:#fbbf2421;--err:#f87171;--err-soft:#f8717124;--highlight:#2f2452;--shadow-sm:0 1px 2px #0006, 0 8px 24px #8b5cf61a;--shadow-pop:0 18px 48px #0000008c;--backdrop:#0009;--radius-s:8px;--radius-m:12px;--radius-l:18px;--card-bg:#ffffff0f;--card-blur:blur(18px) saturate(140%);--page-bg:radial-gradient(1200px 700px at 12% -10%, #8b5cf647, transparent 60%), radial-gradient(900px 600px at 100% 20%, #c084fc29, transparent 60%), radial-gradient(800px 600px at 40% 110%, #38bdf81a, transparent 60%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=minimal]{--bg:#0a0a0a;--surface:#141414;--surface-2:#1c1c1c;--surface-3:#262626;--line:#222;--line-strong:#333;--fg:#f5f5f5;--muted:#9a9a9a;--faint:#6b6b6b;--accent:#3b82f6;--accent-strong:#60a5fa;--accent-soft:#3b82f629;--on-accent:#fff;--ok:#22c55e;--ok-soft:#22c55e21;--warn:#eab308;--warn-soft:#eab30821;--err:#ef4444;--err-soft:#ef444424;--highlight:#172036;--shadow-sm:0 1px 2px #00000080;--shadow-pop:0 16px 40px #0009;--backdrop:#000000b3;--radius-s:6px;--radius-m:9px;--radius-l:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=neon]{--bg:#0d0d14;--surface:#12121f;--surface-2:#16162a;--surface-3:#1e1e38;--line:#1e1e38;--line-strong:#2c2c52;--fg:#e8e8ff;--muted:#8c8cc4;--faint:#5c5c8a;--accent:#39ff14;--accent-strong:#7dff5c;--accent-soft:#39ff141f;--on-accent:#0d0d14;--ok:#39ff14;--ok-soft:#39ff141f;--warn:#fd0;--warn-soft:#ffdd001f;--err:#ff2d55;--err-soft:#ff2d5524;--highlight:#24103d;--shadow-sm:0 0 0 1px #d400ff14, 0 6px 20px #39ff140d;--shadow-pop:0 16px 44px #000000b3;--backdrop:#000000bf;--radius-s:4px;--radius-m:6px;--radius-l:8px;--glow:0 0 18px #39ff1459;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=material]{--bg:#1c1b1f;--surface:#2b2930;--surface-2:#36343b;--surface-3:#48454e;--line:#48454e;--line-strong:#605d66;--fg:#e6e1e5;--muted:#938f99;--faint:#6f6b75;--accent:#d0bcff;--accent-strong:#e8ddff;--accent-soft:#d0bcff29;--on-accent:#381e72;--ok:#6dd58c;--ok-soft:#6dd58c24;--warn:#ffb4ab;--warn-soft:#ffb4ab24;--err:#f2b8b5;--err-soft:#f2b8b524;--highlight:#3b2f60;--shadow-sm:0 1px 3px #0006;--shadow-pop:0 16px 40px #00000080;--backdrop:#0009;--radius-s:8px;--radius-m:12px;--radius-l:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--card-bg:var(--surface);--card-blur:none;--glow:0 0 0 0 transparent;--page-bg:none;--font-ui:"Manrope Variable", "Manrope", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-read:"Literata Variable", "Literata", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--radius-s:6px;--radius-m:9px;--radius-l:12px;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-rest:#7d8597}:root[data-theme=light],:root[data-theme=soft],:root[data-theme=children]{--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-rest:#9aa1ad}@media (prefers-color-scheme:light){:root[data-theme=system]{--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-rest:#9aa1ad}}:root{--accent-text:var(--accent-strong);--accent-fill:var(--accent);--accent-fill-hover:var(--accent-strong);--on-accent-fill:var(--on-accent);--ok-text:var(--ok);--warn-text:var(--warn);--err-text:var(--err);--control-line:color-mix(in srgb, var(--muted) 70%, var(--line-strong));--series-ink:var(--on-accent)}:root[data-theme=light],:root[data-theme=soft],:root[data-theme=children]{--series-ink:color(from var(--fg) srgb calc(r * .6) calc(g * .6) calc(b * .6))}@media (prefers-color-scheme:light){:root[data-theme=system]{--series-ink:color(from var(--fg) srgb calc(r * .6) calc(g * .6) calc(b * .6))}}:root[data-theme=light]{--ok-text:color-mix(in srgb, var(--ok) 80%, var(--fg));--warn-text:color-mix(in srgb, var(--warn) 80%, var(--fg))}@media (prefers-color-scheme:light){:root[data-theme=system]{--ok-text:color-mix(in srgb, var(--ok) 80%, var(--fg));--warn-text:color-mix(in srgb, var(--warn) 80%, var(--fg))}}:root[data-theme=soft]{--muted:color-mix(in srgb, var(--fg) 38%, var(--faint));--accent-fill:var(--accent-strong);--accent-fill-hover:color-mix(in srgb, var(--accent-strong) 85%, var(--fg));--ok-text:color-mix(in srgb, var(--ok) 70%, var(--fg));--warn-text:color-mix(in srgb, var(--warn) 65%, var(--fg));--err-text:color-mix(in srgb, var(--err) 85%, var(--fg))}:root[data-theme=children]{--ok-text:color-mix(in srgb, var(--ok) 80%, var(--fg));--warn-text:color-mix(in srgb, var(--warn) 80%, var(--fg));--err-text:color-mix(in srgb, var(--err) 85%, var(--fg))}:root[data-theme=glass]{--muted:color-mix(in srgb, var(--fg) 55%, var(--faint));--on-accent-fill:var(--bg);--accent-text:color-mix(in srgb, var(--accent-strong) 65%, var(--fg));--err-text:color-mix(in srgb, var(--err) 60%, var(--fg))}:root[data-theme=minimal]{--on-accent-fill:var(--bg);--err-text:color-mix(in srgb, var(--err) 80%, var(--fg))}:root[data-theme=neon]{--err-text:color-mix(in srgb, var(--err) 80%, var(--fg))}:root[data-theme=material]{--muted:color-mix(in srgb, var(--fg) 52%, var(--faint))}*{box-sizing:border-box}body{background:var(--bg);background-image:var(--page-bg);color:var(--fg);font:14px/1.5 var(--font-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;margin:0}h1{font-size:24px;font-weight:800;line-height:1.2}h2{font-size:15px;font-weight:750}h3{font-size:14px;font-weight:700}a{color:var(--accent-text)}code{background:var(--surface-3);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:12px}svg{flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.err-text{color:var(--err-text)}svg.accent{color:var(--accent)}svg.faint{color:var(--faint)}svg.err{color:var(--err)}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{padding:40px}.card{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px}.card h2{margin-bottom:12px}.card-lead{margin:-6px 0 10px}.section-gap{margin-top:22px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.empty>svg{color:var(--faint)}.empty>div{max-width:60ch}label{color:var(--muted);margin:12px 0 5px;font-size:12px;font-weight:650;display:block}input,select,textarea{background:var(--bg);border:1px solid var(--control-line);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:8px 11px;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--accent-soft);outline:none}input:disabled{opacity:.55}textarea{resize:vertical;min-height:76px}textarea.long{min-height:42vh;line-height:1.6}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input[type=file]{padding:6px}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row>*{flex:200px}.row>.fit{flex:none}.checks{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.checks label{border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:20px;align-items:center;gap:7px;margin:0;padding:5px 12px;font-size:13px;font-weight:500;display:flex}.hint{color:var(--muted);margin-top:6px;font-size:12px}.hint summary{color:var(--accent-text);cursor:pointer}.subform{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;margin-top:10px;padding:4px 14px 10px}.error{background:var(--err-soft);color:var(--err-text);white-space:pre-wrap;border-radius:8px;margin-bottom:12px;padding:10px 12px}.field{min-width:0}.field-error{color:var(--err-text);margin:5px 0 0;font-size:12px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--err)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 1px var(--err), 0 0 0 4px var(--err-soft)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label.switch{color:var(--fg);cursor:pointer;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;display:inline-flex}input[role=switch]{border:1px solid var(--control-line);background:var(--surface-3);appearance:none;cursor:pointer;border-radius:999px;flex:none;width:36px;height:20px;padding:0;transition:background .12s,border-color .12s;position:relative}input[role=switch]:after{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}input[role=switch]:checked{border-color:var(--accent);background:var(--accent)}input[role=switch]:checked:after{background:var(--on-accent);transform:translate(16px)}input[role=switch]:disabled{cursor:not-allowed}.load-more{justify-content:center;margin-top:14px;display:flex}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:min(380px,100%);box-shadow:var(--shadow-pop);padding:26px}.login-brand{align-items:center;gap:14px;margin-bottom:14px;display:flex}.login-brand p{margin:2px 0 0;font-size:13px}.login-card .error{margin:14px 0 0}.pw{position:relative}.pw input{padding-right:46px}.pw .icon-btn{position:absolute;top:50%;right:4px;transform:translateY(-50%)}button.login-submit{justify-content:center;width:100%;margin-top:20px}button{font:inherit}button.primary,button.ghost,button.danger{border:1px solid var(--line-strong);border-radius:var(--radius-m);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:13px;font-weight:650;transition:background .12s,border-color .12s,color .12s;display:inline-flex}button.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent-fill);box-shadow:var(--glow)}button.primary:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}button.ghost{background:var(--surface);color:var(--fg)}button.ghost svg{color:var(--muted)}button.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}button.danger{border-color:var(--err-soft);color:var(--err-text);background:0 0}button.danger.solid{background:var(--err);border-color:var(--err);color:var(--surface)}button.danger.solid:hover:not(:disabled){filter:brightness(1.08)}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:not-allowed}button.mini{border:1px solid var(--line-strong);background:var(--surface);height:28px;color:var(--fg);white-space:nowrap;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}button.mini svg{color:var(--muted)}button.mini:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}button.mini.danger{border-color:var(--err-soft);color:var(--err-text);background:0 0}button.mini.danger svg{color:inherit}button.mini.danger:hover:not(:disabled){background:var(--err-soft);border-color:var(--err)}button.mini.primary-mini{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}button.mini.primary-mini svg{color:inherit}.icon-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;padding:0;transition:background .12s,color .12s;display:inline-grid}.icon-btn:hover:not(:disabled),.icon-btn[aria-expanded=true]{background:var(--surface-3);color:var(--fg)}.icon-btn.err{color:var(--err)}.icon-btn.err:hover:not(:disabled){background:var(--err-soft);color:var(--err)}button.link{color:var(--accent-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:12.5px;font-weight:650;display:inline-flex}button.link:hover{text-decoration:underline}.actions{flex:none;align-items:center;gap:6px;display:flex}@media (width<=860px){.icon-btn{width:40px;height:40px}button.mini{height:36px}}.badge{background:var(--surface-2);max-width:280px;height:22px;color:var(--muted);white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:650;display:inline-flex}.badge-text{text-overflow:ellipsis;overflow:hidden}.badge.ok{background:var(--ok-soft);color:var(--ok-text)}.badge.run{background:var(--accent-soft);color:var(--accent-text)}.badge.err{background:var(--err-soft);color:var(--err-text)}.badge.warn{background:var(--warn-soft);color:var(--warn-text)}.sheet-backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-left:1px solid var(--line);width:min(520px,100vw);height:100%;box-shadow:var(--shadow-pop);flex-direction:column;animation:.18s ease-out slide-in;display:flex}.sheet.wide{width:min(820px,100vw)}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 14px 20px;display:flex}.sheet-head h2{font-size:16px}.sheet-body{flex:1;padding:6px 20px 24px;overflow-y:auto}.sheet-section{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}.sheet-section h3{margin-top:10px}.sheet-foot{background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:14px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}.dialog-backdrop{z-index:80;background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:16px;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line-strong);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-pop);border-radius:14px;padding:20px;animation:.14s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.dialog-head{align-items:center;gap:10px;display:flex}.dialog-head h2{font-size:16px}.dialog-icon{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.dialog-icon.danger{background:var(--err-soft);color:var(--err)}.dialog-message{color:var(--muted);overflow-wrap:anywhere;margin-top:8px}.dialog input{margin-top:2px}.dialog p.small{margin:6px 0 0}.dialog-buttons{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.toasts{z-index:90;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(440px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-pop);pointer-events:auto;border-radius:11px;align-items:center;gap:10px;padding:9px 8px 9px 13px;font-weight:650;animation:.18s ease-out toast-in;display:flex}.toast>svg{color:var(--ok)}.toast.err>svg{color:var(--err)}.toast.info>svg{color:var(--accent)}.toast span{flex:1;min-width:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.menu-wrap{display:inline-block;position:relative}.menu-pop{z-index:60;border:1px solid var(--line-strong);background:var(--surface);min-width:240px;max-width:300px;box-shadow:var(--shadow-pop);border-radius:11px;flex-direction:column;padding:5px;display:flex}.menu-pop button{color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:flex-start;gap:10px;padding:7px 9px;font-size:13px;font-weight:600;display:flex}.menu-pop button>svg{color:var(--muted);margin-top:1px}.menu-pop button small{color:var(--muted);font-size:11.5px;font-weight:500;display:block}.menu-pop button:hover:not(:disabled),.menu-pop button:focus:not(:disabled){background:var(--surface-2)}.menu-pop button:disabled{color:var(--faint);cursor:default}.menu-pop button:focus-visible{outline-offset:-2px}.menu-pop button.menu-danger,.menu-pop button.menu-danger>svg{color:var(--err-text)}.menu-pop .sep{background:var(--line);height:1px;margin:4px 2px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.theme-card{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);color:var(--fg);text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:8px;font-size:13px;font-weight:650;display:flex}.theme-card:hover{border-color:var(--muted)}.theme-card[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-preview{border:1px solid var(--line-strong);border-radius:6px;height:56px;display:block;position:relative;overflow:hidden}.theme-preview i{border-radius:5px;position:absolute;inset:10px 34px 10px 10px}.theme-preview b{border-radius:50%;width:16px;height:16px;position:absolute;bottom:10px;right:10px}.theme-preview.system{background:linear-gradient(135deg, var(--preview-light,var(--surface-2)) 50%, var(--preview-dark,var(--bg)) 50%);place-items:center;display:grid}.theme-preview.system svg{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:6px;padding:4px}.theme-name{justify-content:space-between;align-items:center;gap:6px;padding:0 2px 2px;display:flex}.theme-name svg{color:var(--accent)}.initials{border-radius:var(--radius-m);background:var(--series-rest);color:var(--series-ink);letter-spacing:.02em;-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:800;display:inline-grid}.initials[data-series="1"]{background:var(--series-1);color:var(--on-accent)}.initials[data-series="2"]{background:var(--series-2)}.initials[data-series="3"]{background:var(--series-3)}.initials[data-series="4"]{background:var(--series-4)}.cover{border-radius:var(--radius-m);background:var(--surface-3);object-fit:cover;flex:none;width:200px;height:200px;display:block}.cover-small{border-radius:var(--radius-s);background:var(--surface-3);object-fit:cover;flex:none;width:40px;height:40px;display:block}a{text-decoration:none}h1[tabindex="-1"]:focus{outline:none}.sr-only,.switch-row .switch>span{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{grid-template:"side main"minmax(0,1fr)"bar bar"/248px minmax(0,1fr);height:100dvh;font-size:14.5px;line-height:1.45;display:grid;overflow:hidden}.side{background:var(--card-bg);min-height:0;-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border-right:1px solid var(--line);flex-direction:column;grid-area:side;gap:12px;padding:16px 12px 12px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;padding:0 8px 6px;font-size:17px;font-weight:800;display:flex}.logo{border-radius:var(--radius-m);background:var(--accent-fill);width:30px;height:30px;color:var(--on-accent-fill);box-shadow:var(--glow);flex:none;place-items:center;display:grid}.logo.lg{border-radius:14px;width:48px;height:48px}.nav{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.nav-link{border-radius:var(--radius-m);color:var(--muted);align-items:center;gap:12px;padding:9px 12px;font-size:14.5px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--fg)}.nav-link:focus-visible{outline-offset:-2px}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--fg)}.nav-link[aria-current=page] svg{color:var(--accent)}.side-foot{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding-top:10px;display:flex}.page{grid-area:main;min-width:0;min-height:0;scroll-padding-top:72px;overflow:hidden auto}.top{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;height:60px;padding:0 20px 0 24px;display:flex;position:sticky;top:0}.top h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:19px;overflow:hidden}.top-kind{min-width:0;color:var(--muted);flex:1;font-size:13.5px;font-weight:650}.icon-btn{border-radius:50%}.top .back{width:36px;height:36px;color:var(--fg);margin-left:-8px}.content{flex-direction:column;gap:32px;min-width:0;max-width:1180px;margin:0 auto;padding:22px 24px 40px;display:flex}.view-title{font-size:24px}.pbar{z-index:5;background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border-top:1px solid var(--line);grid-area:bar;position:relative}.bnav{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);grid-area:nav;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 4px 10px;display:none}.bnav a{min-width:0;color:var(--muted);flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:12px;font-weight:650;display:flex}.bnav .pill{border-radius:15px;place-items:center;width:56px;height:30px;transition:background .12s;display:grid}.bnav a:hover .pill{background:var(--surface-2)}.bnav a[aria-current=page]{color:var(--fg);font-weight:750}.bnav a[aria-current=page] .pill{background:var(--accent-soft);color:var(--accent-text)}.acct-wrap{flex:none;position:relative}.acct{border:1px solid var(--line-strong);background:var(--surface);height:38px;color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 4px;font-size:13.5px;font-weight:650;display:flex}.acct:hover,.acct[aria-expanded=true]{background:var(--surface-2)}.acct .chev{color:var(--muted)}.avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.avatar.lg{width:40px;height:40px;font-size:15px}.acct-menu{z-index:61;border:1px solid var(--line-strong);background:var(--surface);width:270px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-pop);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.acct-who{align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.acct-who-text{min-width:0}.acct-who-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;display:block;overflow:hidden}.acct-who-text span{color:var(--muted);font-size:12.5px;display:block}.acct-sep{background:var(--line);height:1px;margin:4px 2px}.acct-item{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:9px 10px;font-size:14px;font-weight:600;display:flex}.acct-item svg{color:var(--muted)}.acct-item:hover,.acct-item:focus{background:var(--surface-2)}.acct-item:focus-visible{outline-offset:-2px}.btn,button.primary,button.ghost,button.danger{gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:700}.btn.sm,button.primary.sm,button.ghost.sm,button.danger.sm{height:34px;padding:0 13px;font-size:13px}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);color:var(--fg);white-space:nowrap;cursor:pointer;flex:none;justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--muted)}.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent-fill);box-shadow:var(--glow)}.btn.primary:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.btn.danger{border-color:var(--err-soft);color:var(--err-text);background:0 0}.btn.danger:hover{background:var(--err-soft);border-color:var(--err)}.btn.wide{width:100%}.sec{flex-direction:column;gap:12px;min-width:0;display:flex}.sec-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sec-head h2{font-size:18px;font-weight:800}.sec-head p{color:var(--muted);margin:2px 0 0;font-size:13px}.more-link{color:var(--accent-text);flex:none;font-size:13px;font-weight:700}.more-link:hover{text-decoration:underline}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.lead-text{color:var(--muted);margin:0;font-size:13.5px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);height:34px;color:var(--fg);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:650;display:inline-flex}.chip:hover{border-color:var(--muted)}.chip[aria-current=page],.chip[aria-selected=true],.chip[aria-pressed=true]{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent-fill)}.panel{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);box-shadow:var(--shadow-sm);padding:18px}.panel>h2{margin-bottom:4px;font-size:16px}.panel>.lead-text{margin-bottom:14px}.panel-sep{background:var(--line);height:1px;margin:18px 0}.settings{flex-direction:column;gap:16px;max-width:880px;display:flex}.opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.opt{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);color:var(--fg);text-align:left;cursor:pointer;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.opt:hover{border-color:var(--muted)}.opt[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.opt-text strong{font-size:14.5px;display:block}.opt-text span{color:var(--muted);font-size:13px;display:block}.radio-dot{border:2px solid var(--control-line);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.opt[aria-checked=true] .radio-dot{border-color:var(--accent)}.opt[aria-checked=true] .radio-dot:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.switch-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.switch-text{flex-direction:column;min-width:0;display:flex}.switch-text strong{font-size:14.5px}.switch-text span{color:var(--muted);font-size:13px}.account-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-row .who{flex:1;min-width:160px}.account-row .who strong{display:block}.account-row .who span{color:var(--muted);font-size:13px}.facts{grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0;font-weight:650}.login-card{width:min(390px,100%);margin-bottom:0;padding:28px}.login-brand{margin-bottom:10px}.login-brand h1{font-size:24px}.login-brand p{font-size:13.5px}button.login-submit{margin-top:22px}.login-foot{text-align:center;margin:16px 0 0;font-size:13px}:root{--tile-deep:var(--bg);--tile-ink:var(--fg)}:root[data-theme=light],:root[data-theme=soft],:root[data-theme=children]{--tile-deep:var(--fg);--tile-ink:var(--surface)}@media (prefers-color-scheme:light){:root[data-theme=system]{--tile-deep:var(--fg);--tile-ink:var(--surface)}}.tint{--t1:color-mix(in srgb, var(--c1) 50%, var(--tile-deep));--t2:color-mix(in srgb, var(--c2) 30%, var(--tile-deep));background-color:var(--t1);background-image:linear-gradient(140deg, var(--t1), var(--t2));color:var(--tile-ink)}.tint.s1{--c1:var(--series-1);--c2:var(--series-2)}.tint.s2{--c1:var(--series-2);--c2:var(--series-4)}.tint.s3{--c1:var(--series-3);--c2:var(--series-1)}.tint.s4{--c1:var(--series-4);--c2:var(--series-3)}.tile{width:var(--sz,48px);height:var(--sz,48px);border-radius:var(--radius-s);font-size:calc(var(--sz,48px) * .36);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid;position:relative;overflow:hidden}.tile:after{content:"";background:radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--tile-ink) 14%, transparent), transparent 50%);pointer-events:none;position:absolute;inset:0}.tile>img{z-index:1;background:var(--surface-3);object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tile.round{border-radius:50%}.ico-tile{width:var(--sz,44px);height:var(--sz,44px);border-radius:var(--radius-m);background:var(--surface-3);color:var(--muted);flex:none;place-items:center;display:grid}.mosaic{width:var(--sz,48px);height:var(--sz,48px);border-radius:var(--radius-s);background:var(--surface-3);flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mosaic>img{object-fit:cover;width:100%;height:100%;display:block}svg.fill{fill:currentColor}.round-btn{border:1px solid var(--line-strong);background:var(--surface);width:40px;height:40px;color:var(--fg);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.round-btn:hover{background:var(--surface-2)}.play-btn{background:var(--accent-fill);width:40px;height:40px;color:var(--on-accent-fill);box-shadow:var(--glow);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .12s,transform .12s;display:grid}.play-btn:hover{background:var(--accent-fill-hover)}.play-btn.sm{width:38px;height:38px}.play-btn.lg{width:68px;height:68px}.ctl{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.ctl:hover{background:var(--surface-2);color:var(--fg)}.ctl.strong{color:var(--fg)}.ctl[aria-pressed=true]{color:var(--accent-text)}.ctl[aria-pressed=true]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.like-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.like-btn:hover{background:var(--surface-2);color:var(--fg)}.like-btn[aria-pressed=true]{color:var(--accent)}.like-btn[aria-pressed=true] svg{fill:currentColor}.like-btn.lg{width:44px;height:44px}.tracks{--lead:32px;flex-direction:column;min-width:0;display:flex}.tracks.with-cover{--lead:40px}.tracks-head{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;column-gap:12px;margin-bottom:6px;padding:0 8px 8px;font-size:12px;font-weight:700;display:grid}.tracks-head>.h-lead{text-align:center;grid-area:lead}.tracks-head>.h-main{grid-area:main}.tracks-head>.h-alb{grid-area:alb}.tracks-head>.h-dur{grid-area:dur;justify-self:end}.trk{border-radius:var(--radius-m);align-items:center;column-gap:12px;min-height:56px;padding:6px 8px;display:grid;position:relative}.trk:hover{background:var(--surface-2)}.tracks .trk,.tracks-head{grid-template-columns:var(--lead) minmax(0, 1fr) 34px 52px 34px;grid-template-areas:"lead main like dur end"}.tracks.with-album .trk,.tracks.with-album .tracks-head{grid-template-columns:var(--lead) minmax(0, 1.5fr) minmax(0, 1fr) 34px 52px 34px;grid-template-areas:"lead main alb like dur end"}.trk>.grip{grid-area:grip}.trk>.lead{grid-area:lead}.trk>.tmain{grid-area:main;min-width:0}.trk>.alb{grid-area:alb;min-width:0}.trk>.like-btn{grid-area:like}.trk>.dur{grid-area:dur}.trk>.end{grid-area:end;justify-content:flex-end;display:flex}.trk>.lead{min-width:0;color:inherit;font:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.trk>button.lead{border-radius:var(--radius-s);cursor:pointer;align-self:stretch}.trk>.lead .num{color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:14px;display:grid}.tmain .t{align-items:center;gap:8px;min-width:0;font-weight:650;display:flex}.tmain .t>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tmain .t>.badge{flex:none;overflow:visible}.tmain .s,.alb{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.tmain .s a,.alb a,.meta-row a,.pb-artist a{color:inherit}.tmain .s a:hover,.alb a:hover,.meta-row a:hover,.pb-artist a:hover{color:var(--fg);text-decoration:underline}.dur{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.trk .like-btn[aria-pressed=false]{opacity:0}.trk:hover .like-btn,.trk:focus-within .like-btn{opacity:1}.trk.current .t{color:var(--accent-text)}.trk.unavail .t,.trk.unavail .s{color:var(--muted)}.trk.unavail .t>span:first-child{text-decoration:line-through;text-decoration-thickness:1px}.trk.unavail .t>.badge{text-decoration:none}.grip{width:32px;height:40px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.grip:hover{background:var(--surface-3);color:var(--fg)}.sortable-item{position:relative}.sortable-item.dragging{z-index:2}.sortable-item.dragging .trk{background:var(--surface);box-shadow:var(--shadow-pop), 0 0 0 2px var(--accent)}.sortable-item.dragging .grip{cursor:grabbing}.tracks.tl-queue .trk{grid-template-columns:32px 40px minmax(0,1fr) 44px 34px;grid-template-areas:"grip lead main dur end"}.tracks.tl-queue.now .trk{grid-template-columns:40px minmax(0,1fr) 34px 44px;grid-template-areas:"lead main like dur"}.tracks.tl-edit .trk,.tracks.tl-edit .tracks-head{grid-template-columns:32px 40px minmax(0,1.5fr) minmax(0,1fr) 52px 34px;grid-template-areas:"grip lead main alb dur end"}.eq{width:14px;height:14px;color:var(--accent);flex:none;align-items:flex-end;gap:2px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;flex:1;height:45%}.eq i:nth-child(2){height:100%}.eq i:nth-child(3){height:70%}.eq.on i{animation:.8s ease-in-out infinite alternate eq}.eq.on i:nth-child(2){animation-delay:-.35s}.eq.on i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:20%}to{height:100%}}.meta-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13.5px;display:flex}.meta-row .dot:before{content:"·"}.meta-row .strong-links a{color:var(--fg);font-weight:700}.pb-phone{display:none}.pb-alert{border:1px solid var(--err);border-radius:var(--radius-l);background:var(--err-soft);align-items:center;gap:12px;margin:8px 20px 0;padding:10px 14px;display:flex}.pb-alert>svg{color:var(--err-text)}.pb-alert p{flex:1;min-width:0;margin:0;font-size:13.5px}.pb-desk{grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr);align-items:center;gap:24px;padding:12px 20px;display:grid}.pb-info{align-items:center;gap:12px;min-width:0;display:flex}.pb-cover{border-radius:var(--radius-m);flex:none;display:block}.pb-cover .tile{border-radius:var(--radius-m)}.pb-text{flex-direction:column;min-width:0;display:flex}.pb-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}a.pb-title:hover{text-decoration:underline}.pb-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pb-mid{flex-direction:column;align-items:stretch;gap:6px;display:flex}.pb-buttons{justify-content:center;align-items:center;gap:14px;display:flex}.pb-side{justify-content:flex-end;align-items:center;gap:4px;display:flex}.vol-icon{width:28px;height:38px;color:var(--muted);place-items:center;display:grid}.seek{align-items:center;gap:10px;width:100%;display:flex}.seek-time{min-width:36px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.seek-time:first-child{text-align:right}input[type=range].range{appearance:none;width:auto;min-width:0;height:16px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:0}input[type=range].range:hover,input[type=range].range:focus{box-shadow:none;border:0}input[type=range].range:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=range].range:disabled{cursor:default}input[type=range].range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--v,0%), var(--line-strong) var(--v,0%));border-radius:2px;height:4px}input[type=range].range::-webkit-slider-thumb{appearance:none;background:var(--fg);width:12px;height:12px;box-shadow:var(--shadow-sm);border:0;border-radius:50%;margin-top:-4px}input[type=range].range::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}input[type=range].range::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range].range::-moz-range-thumb{background:var(--fg);width:12px;height:12px;box-shadow:var(--shadow-sm);border:0;border-radius:50%}input[type=range].range:disabled::-webkit-slider-thumb{background:var(--muted)}input[type=range].range:disabled::-moz-range-thumb{background:var(--muted)}input[type=range].range.vol{flex:0 0 96px;width:96px}.prog{background:var(--line-strong);border-radius:1px;height:2px;position:absolute;bottom:0;left:10px;right:10px;overflow:hidden}.prog>span{width:var(--v,0%);background:var(--accent);height:100%;display:block}.now-overlay{z-index:40;background:var(--bg);grid-template:"now"minmax(0,1fr)/minmax(0,1fr);font-size:14.5px;line-height:1.45;display:grid;position:fixed;inset:0}.now{--now-tint:var(--series-1);background-color:color-mix(in srgb, var(--now-tint) 12%, var(--bg));background-image:linear-gradient(180deg, transparent 0%, var(--bg) 80%);flex-direction:column;grid-area:now;min-width:0;min-height:0;display:flex}.now[data-series="2"]{--now-tint:var(--series-2)}.now[data-series="3"]{--now-tint:var(--series-3)}.now[data-series="4"]{--now-tint:var(--series-4)}.now-top{flex:none;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.now-top-end{width:36px;height:36px}.now-ctx{text-align:center;flex:1;min-width:0}.now-ctx small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:750;display:block}.now-ctx strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.now>.pb-alert{margin:0 20px 8px}.now-body{flex:1;grid-template-columns:minmax(0,460px) minmax(0,460px);place-content:center;align-items:center;gap:72px;min-height:0;padding:0 48px 56px;display:grid;overflow-y:auto}.now-body.empty-body{grid-template-columns:minmax(0,460px);justify-items:center;gap:24px}.now-cover .tile{aspect-ratio:1;border-radius:var(--radius-l);width:100%;height:auto;box-shadow:var(--shadow-pop);font-size:150px}.now-info{flex-direction:column;gap:22px;min-width:0;display:flex}.now-title-row{align-items:flex-start;gap:12px;display:flex}.now-title-text{flex:1;min-width:0}.now-title{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 6px;font-size:34px;font-weight:800;line-height:1.12}.now-controls{justify-content:space-between;align-items:center;display:flex}.now-controls .ctl{width:48px;height:48px}.now-extra{justify-content:space-between;align-items:center;gap:12px;display:flex}.now-extra .vol-wrap{color:var(--muted);align-items:center;gap:8px;display:flex}.now input[type=range].range{height:24px}.sheet.queue-sheet{width:min(460px,100vw)}.queue-sheet .sheet-body{padding:4px 12px 16px}.queue-sheet .sheet-foot{justify-content:space-between;padding:12px 20px}.sheet-sub{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;margin:16px 8px 6px;font-size:12px;font-weight:750;display:flex}.sheet-sub span{letter-spacing:0;text-transform:none;font-weight:600}.queue-empty{color:var(--muted);margin:16px 8px}.queue-hint{margin:12px 8px 0}.dialog:has(.add-dialog){flex-direction:column;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:0;display:flex}.add-dialog{flex-direction:column;flex:1;min-height:0;display:flex}.add-head{flex:none;align-items:flex-start;gap:12px;padding:18px 12px 6px 20px;display:flex}.add-head-text{flex:1;min-width:0}.add-head h2{font-size:17px}.add-head p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.add-body{flex:1;min-height:0;padding:8px 12px;overflow-y:auto}.add-foot{border-top:1px solid var(--line);flex:none;justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}.search-field{align-items:center;min-width:0;margin:0 8px 8px;display:flex;position:relative}.search-field>svg{color:var(--muted);pointer-events:none;position:absolute;left:13px}.search-field input{border-radius:10px;height:42px;padding:0 12px 0 42px;font-size:15px}.picks{margin:0;padding:0;list-style:none}.pick{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.pick:hover:not(:disabled){background:var(--surface-2)}.pick:disabled{cursor:default;opacity:.6}.pick .ico-tile.new{--sz:44px;border:1px dashed var(--line-strong);color:var(--accent-text);background:0 0}.pick-main{flex-direction:column;flex:1;min-width:0;display:flex}.pick-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.pick-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pick-in{color:var(--ok-text);align-items:center;gap:4px;font-size:12.5px;font-weight:650;display:inline-flex}.add-note{color:var(--muted);margin:12px 8px;font-size:13.5px}.add-create{padding:0 8px 8px}.add-create-buttons{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.view-note{color:var(--muted);margin:0;font-size:13.5px}button.more-link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.empty .btn{margin-top:12px}.alert{border:1px solid var(--err);border-radius:var(--radius-l);background:var(--err-soft);align-items:center;gap:14px;padding:14px 16px;display:flex}.alert>svg{color:var(--err-text)}.alert-text{flex:1;min-width:0}.alert-text strong{color:var(--err-text);font-size:15px;display:block}.alert-text p{margin:2px 0 0;font-size:13.5px}.play-btn.md{width:48px;height:48px}mark{background:var(--accent-soft);color:inherit;box-shadow:0 1px 0 var(--accent);border-radius:3px}.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px;display:grid}.acard{min-width:0;color:inherit;grid-template-columns:minmax(0,1fr);gap:4px;display:grid;position:relative}.acard>*{grid-column:1}.acard-art{grid-row:1;margin-bottom:6px;display:block}.acard-art .tile,.acard-art .mosaic{aspect-ratio:1;border-radius:var(--radius-l);width:100%;height:auto;box-shadow:var(--shadow-sm)}.acard-art .tile.round{border-radius:50%}.acard-title{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;grid-row:2;font-size:14.5px;font-weight:700;overflow:hidden}.acard-title:after,.cont-title:after,.top-title:after{content:"";position:absolute;inset:0}.acard-title:focus-visible,.cont-title:focus-visible,.top-title:focus-visible{outline:none}.acard-title:focus-visible:after,.top-title:focus-visible:after{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-l)}.cont-title:focus-visible:after{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-m)}.acard:hover .acard-title{color:var(--accent-text)}.acard-meta{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-row:3;align-items:center;gap:5px;font-size:13px;display:flex;overflow:hidden}.acard-meta span{text-overflow:ellipsis;overflow:hidden}.acard-play{z-index:1;box-shadow:var(--shadow-pop);opacity:0;grid-area:1/1;place-self:end;margin:0 10px 16px 0;transition:opacity .15s,transform .15s;transform:translateY(4px)}.acard:hover .acard-play,.acard:focus-within .acard-play{opacity:1;transform:none}.acard.person{text-align:center}.acard.person .acard-meta{justify-content:center}.cont-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cont{border-radius:var(--radius-m);background:var(--surface-2);min-width:0;height:64px;color:var(--fg);align-items:center;gap:12px;padding-right:12px;transition:background .12s;display:flex;position:relative;overflow:hidden}.cont:hover{background:var(--surface-3)}.cont>.tile,.cont>.mosaic{border-radius:0;width:64px;height:64px}.cont-text{flex:1;min-width:0}.cont-title{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.cont-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.cont-play{z-index:1;opacity:0;width:34px;height:34px;transition:opacity .15s}.cont:hover .cont-play,.cont:focus-within .cont-play{opacity:1}.two-col-list>.tracks{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:28px;display:grid}.welcome{border:1px dashed var(--line-strong);border-radius:var(--radius-l);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:44px 24px;display:flex}.welcome-icon{background:var(--accent-soft);width:60px;height:60px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid}.welcome h2{color:var(--fg);margin-top:4px;font-size:20px}.welcome p{max-width:50ch;margin:0}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.lrows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lrow{border-radius:var(--radius-m);min-height:60px;color:inherit;align-items:center;gap:14px;padding:8px;display:flex}.lrow:hover{background:var(--surface-2)}.lrow-main{flex:1;min-width:0}.lrow-title{align-items:center;gap:8px;min-width:0;font-weight:650;display:flex}.lrow-title>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lrow-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.lrow>.chev{color:var(--muted)}.crows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.crow{border-radius:var(--radius-m);align-items:center;gap:14px;min-height:72px;padding:8px;display:flex;position:relative}.crow:hover{background:var(--surface-2)}.crow-art{flex:none;display:block}.crow-art .tile.round{border-radius:50%}.crow-main{flex-direction:column;flex:1;min-width:0;display:flex}.crow-title{color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;overflow:hidden}.crow-title:after{content:"";position:absolute;inset:0}.crow-title:focus-visible{outline:none}.crow-title:focus-visible:after{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-m)}.crow:hover .crow-title{color:var(--accent-text)}.crow-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.crow-play,.dl-card .dl-actions{z-index:1;position:relative}.layout-toggle{gap:6px;display:inline-flex}.layout-toggle .round-btn{width:36px;height:36px}.layout-toggle .round-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.dl-card .acard-title:after{content:none}.sec-tools{align-items:center;gap:12px;display:flex}.library{flex-direction:column;gap:20px;min-width:0;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.toolbar .count{color:var(--muted);margin-right:auto;font-size:13.5px;font-weight:650}.toolbar .field-search{flex:220px;max-width:320px}.field-search{align-items:center;min-width:0;display:flex;position:relative}.field-search>svg{color:var(--muted);pointer-events:none;position:absolute;left:13px}.field-search input{border-radius:10px;height:42px;padding:0 12px 0 42px;font-size:15px}.field-search input[type=search]::-webkit-search-cancel-button{appearance:none}.field-search.big input{border-radius:12px;height:50px;padding:0 46px;font-size:17px;font-weight:600}.field-search.big>svg{left:15px}.field-search .clear{width:36px;height:36px;position:absolute;right:6px}.select{border-radius:10px;width:auto;height:40px;padding:0 10px;font-size:13.5px;font-weight:600}.genres{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.genre{border-radius:var(--radius-l);flex-direction:column;justify-content:flex-end;height:108px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.genre strong{text-overflow:ellipsis;font-size:17px;font-weight:800;line-height:1.2;overflow:hidden}.genre span{font-size:13px;font-weight:600}.genre>svg{position:absolute;top:12px;right:12px}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13.5px;display:flex}.crumbs a{color:var(--accent-text);font-weight:650}.crumbs a:hover{text-decoration:underline}.crumbs [aria-current]{color:var(--fg);font-weight:750}.hero{align-items:flex-end;gap:28px;display:flex}.hero>.tile,.hero>.mosaic{border-radius:var(--radius-l);box-shadow:var(--shadow-pop)}.hero>.tile.round{border-radius:50%}.hero-text{flex-direction:column;flex:1;min-width:0;display:flex}.hero-kind{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.hero h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:4px 0 10px;font-size:44px;line-height:1.08}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.group-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:14px 8px 6px;font-size:12px;font-weight:750}.tracks>.group-label:first-child{padding-top:4px}.search-results{flex-direction:column;gap:32px;display:flex}.search-top{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;display:grid}.top-result{border-radius:var(--radius-l);background:var(--surface-2);min-width:0;color:inherit;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative}.top-result:hover{background:var(--surface-3)}.top-text{flex-direction:column;gap:4px;min-width:0;display:flex}.top-title,.top-text>strong{color:var(--fg);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:28px;font-weight:800;line-height:1.15}.top-result .play-btn{z-index:1;position:absolute;bottom:20px;right:20px}.meta-part{align-items:center;gap:8px;display:inline-flex}.offline-banner{background:var(--surface-2);color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:8px 16px;font-size:13.5px}.dl-row:hover{background:0 0}.dl-actions{flex:none;gap:8px;display:flex}.acard-meta .meta-icon{vertical-align:-2px;flex:none;margin-right:5px}.new-art{aspect-ratio:1;border:1px dashed var(--line-strong);border-radius:var(--radius-l);width:100%;color:var(--muted);place-items:center;display:grid}.new-art.row{border-radius:var(--radius-m);width:56px}.acard.new:hover .new-art,.crow.new:hover .new-art,.crow.new:focus-within .new-art,.acard.new:focus-within .new-art{border-color:var(--accent);color:var(--accent-text)}button.acard-title{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.hero-desc{overflow-wrap:anywhere;max-width:70ch;margin:0 0 10px;font-size:14.5px}.hero .badge{gap:5px}.hero .badge .meta-icon{flex:none}.pl-editor{flex-direction:column;gap:22px;min-width:0;display:flex}.editbar{border:1px solid var(--accent);border-radius:var(--radius-m);background:var(--accent-soft);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.editbar>.ic{color:var(--accent-text);flex:none}.editbar-text{flex:1;min-width:0}.editbar-text h1{overflow-wrap:anywhere;font-size:15px;line-height:1.35}.editbar-text span{color:var(--fg);font-size:13px;display:block}.edit-grid{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.edit-grid>.mosaic,.edit-grid>.tile{border-radius:var(--radius-l);box-shadow:var(--shadow-pop)}.pl-fields{min-width:0}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.pl-fields .field:first-child>label{margin-top:0}.pl-fields .field+.field{margin-top:4px}.pl-fields input[type=text]{border-radius:10px;height:42px;padding:0 12px;font-size:15px}.pl-fields textarea{border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.45}.pl-fields .panel-sep{margin:16px 0}.edit-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.seg{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:650}.seg button:hover{color:var(--fg)}.seg button[aria-checked=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm), 0 0 0 1px var(--line)}.stats-body{flex-direction:column;gap:20px;min-width:0;display:flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card-bg);min-width:0;-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);padding:14px 16px}.stat .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.stat .label{color:var(--muted);font-size:13px}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;display:flex}.chart-head h2{margin-bottom:4px;font-size:16px}.chart{grid-template-rows:200px auto;grid-template-columns:30px minmax(0,1fr);gap:6px 10px;margin-top:14px;display:grid}.chart-y{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;margin:-7px 0;font-size:11.5px;display:flex}.chart-plot{border-bottom:1px solid var(--line-strong);background-image:linear-gradient(var(--line) 1px, transparent 1px);background-size:100% 25%;align-items:flex-end;gap:4px;display:flex;position:relative}.chart-plot.dense{gap:1px}.chart-plot span{min-width:0;min-height:2px;height:var(--h);background:var(--series-1);border-radius:3px 3px 0 0;flex:1}.chart-plot span.zero{min-height:0}.chart-plot span.hi{background:var(--accent)}.chart-x{color:var(--muted);grid-column:2;justify-content:space-between;font-size:11.5px;display:flex}.chart-table-wrap{border:1px solid var(--line);border-radius:var(--radius-m);max-height:360px;margin-top:14px;overflow:auto}.chart-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.chart-table th,.chart-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:7px 12px}.chart-table thead th{background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;position:sticky;top:0}.chart-table th:first-child{text-align:left}.chart-table tbody th{font-weight:600}.chart-table tbody tr:last-child>*{border-bottom:0}.tops{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tops .panel{min-width:0;padding:14px 10px 10px}.tops .panel>h2,.top-empty{margin:0 8px 8px}.top-row{gap:12px;min-height:52px}.rank{width:18px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.lrow-end{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.lrow-title a{color:inherit}.lrow-title a:hover{text-decoration:underline}.hist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hist-row{border-radius:var(--radius-m);align-items:center;gap:12px;min-height:56px;padding:6px 8px;display:flex}.hist-row:hover{background:var(--surface-2)}.hist-main{flex-direction:column;flex:1;min-width:0;display:flex}.hist-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.hist-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hist-sub a{color:inherit}.hist-sub a:hover{color:var(--fg);text-decoration:underline}.hist-end{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:2px;font-size:13px;display:flex}.stats-note{max-width:80ch}@media (hover:none) and (width>=861px){.trk .like-btn[aria-pressed=false]{opacity:1}}@media (width<=860px){.shell{grid-template:"main"minmax(0,1fr)"bar""nav"/minmax(0,1fr)}.side{display:none}.bnav{display:grid}.page{scroll-padding-top:68px}.top{gap:8px;height:56px;padding:0 10px 0 16px}.top .back{width:40px;height:40px;margin-left:-10px}.acct{background:0 0;border:0;justify-content:center;width:40px;height:40px;padding:0}.acct .acct-name,.acct .chev{display:none}.acct .avatar{width:32px;height:32px}.content{gap:26px;padding:14px 16px 24px}.sec-head h2{font-size:17px}.opts{grid-template-columns:minmax(0,1fr)}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card{padding:22px}.pbar{padding:8px 8px 0}.pb-wide{display:none}.pb-phone{display:block}.pb-phone .pb-alert{flex-wrap:wrap;margin:0 0 8px}.pb-mini{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;padding:7px 6px 9px 7px;display:flex;position:relative;overflow:hidden}.pb-open{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;display:flex}.pb-open .tile{border-radius:var(--radius-m)}.pb-open .pb-text{flex:1}.pb-mini .pb-title{font-size:13.5px}.pb-mini .pb-artist{font-size:12.5px}.tracks{--lead:26px}.tracks.with-cover{--lead:44px}.trk{column-gap:10px;padding:6px 4px}.tracks .trk,.tracks.with-album .trk{grid-template-columns:var(--lead) minmax(0, 1fr) 34px 34px;grid-template-areas:"lead main like end"}.trk>.alb,.trk>.dur,.tracks-head{display:none}.trk .like-btn[aria-pressed=false]{visibility:hidden}.trk .lead .tile{--sz:44px!important}.tracks.tl-queue .trk{grid-template-columns:30px 44px minmax(0,1fr) 34px;grid-template-areas:"grip lead main end"}.tracks.tl-queue.now .trk{grid-template-columns:44px minmax(0,1fr) 34px;grid-template-areas:"lead main like"}.tracks.tl-edit .trk{grid-template-columns:30px 44px minmax(0,1fr) 34px;grid-template-areas:"grip lead main end"}.now-top{height:56px;padding:0 8px}.now>.pb-alert{margin:0 16px 8px}.now-body,.now-body.empty-body{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:22px;padding:4px 24px 24px;display:flex}.now-cover{align-self:center;width:100%;max-width:min(100%,460px)}.now-cover .tile{font-size:104px}.now-info{gap:16px}.now-title{margin-bottom:2px;font-size:22px}.now-controls .ctl{width:44px;height:44px}.now-extra .vol-wrap{display:none}.sheet.queue-sheet{border-left:0;width:100%}.queue-sheet .sheet-head{padding:8px 8px 8px 16px}.queue-sheet .sheet-body{padding:4px 8px 16px}.queue-sheet .sheet-foot{padding:10px 16px}.dialog-backdrop:has(.add-dialog){place-items:end center;padding:0}.dialog:has(.add-dialog){border-bottom:0;border-radius:18px 18px 0 0;width:100%;max-height:86dvh}.add-foot{padding:10px 16px 16px}.add-foot .ghost{flex:1}.cont-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cont{gap:10px;height:56px;padding-right:8px}.cont>.tile,.cont>.mosaic{width:56px;height:56px}.cont>.tile{font-size:19px}.cont-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;display:-webkit-box}.cont-sub,.cont-play{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.cards.scroll-x{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:140px;grid-auto-flow:column;margin:0 -16px;padding:0 16px 4px;scroll-padding:0 16px;overflow-x:auto}.cards.scroll-x>*{scroll-snap-align:start}.acard-title{font-size:14px}.acard-meta{font-size:12.5px}.acard-play{display:none}.two-col-list>.tracks{grid-template-columns:minmax(0,1fr)}.two-col-list>.tracks>.trk:nth-child(n+5){display:none}.hero{flex-direction:column;align-items:stretch;gap:18px}.hero>.tile,.hero>.mosaic{align-self:center;--sz:208px!important}.hero h1{font-size:28px}.hero-actions{gap:8px;margin-top:14px}.hero-actions .btn{padding:0 14px}.alert{flex-wrap:wrap;align-items:flex-start}.alert-text{flex:calc(100% - 40px)}.alert .btn{margin-left:38px}.genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre{height:92px;padding:12px}.genre strong{font-size:15px}.toolbar .field-search{flex:100%;order:3;max-width:none}.search-results{gap:26px}.search-top{grid-template-columns:minmax(0,1fr);gap:20px}.top-result{flex-direction:row;align-items:center;padding:14px}.top-result>.tile{--sz:72px!important}.top-title,.top-text>strong{font-size:20px}.top-result .play-btn{flex:none;margin-left:auto;position:static}.field-search.big input{height:46px;font-size:16px}.edit-grid{grid-template-columns:minmax(0,1fr);gap:0}.edit-grid>.mosaic,.edit-grid>.tile,.editbar-text span{display:none}.pl-editor{gap:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:12px 14px}.stat .value{font-size:20px}.chart{grid-template-rows:150px auto;grid-template-columns:26px minmax(0,1fr);column-gap:6px}.chart-plot{gap:2px}.chart-x span:nth-child(2n){visibility:hidden}.tops{grid-template-columns:minmax(0,1fr)}.panel{padding:16px}.hist-row{padding:6px 4px}}@media (prefers-reduced-motion:reduce){.nav-link,.bnav .pill,.btn,.play-btn,.cont,.cont-play,.acard-play{transition:none}.acard-play{transform:none}.eq.on i{animation:none}}.update-banner,.update-step{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.update-banner{background:var(--surface-2);border-bottom:1px solid var(--line);padding:8px 16px;font-size:13.5px}.update-banner progress,.update-step progress{flex:120px}.update-step:empty{display:none}.update-log{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;margin:8px 0 0;font-size:12px;overflow:auto}@media (prefers-reduced-motion:reduce){.spin,.sheet,.sheet-backdrop,.dialog,.dialog-backdrop,.toast{animation:none}input[role=switch],input[role=switch]:after{transition:none}}