:is(html,.theme-preview)[data-palette=neutral-dark]{--bg:#17181b;--bg-2:#1e2024;--bg-3:#25282d;--bg-4:#2d3036;--titlebar:#1e2024;--surface-1:#1e2024;--surface-2:#25282d;--surface-3:#2d3036;--line:#33363c;--line-strong:#45484f;--ink:#e8eaed;--ink-strong:#f4f5f7;--ink-soft:#b6bac2;--ink-faint:#9aa0aa;--red:#e87564;--code-bg:#1a1c20;--code-bg-2:#131417;--code-fg:#e2e4e8}:is(html,.theme-preview)[data-palette=paper]{--bg:#f4ecd8;--bg-2:#faf4e6;--bg-3:#efe5cc;--bg-4:#e8dcc0;--titlebar:#faf4e6;--surface-1:#faf4e6;--surface-2:#f2e9d3;--surface-3:#efe5cc;--line:#e2d6ba;--line-strong:#cdbf9f;--ink:#2e2618;--ink-strong:#231c10;--ink-soft:#5a4e38;--ink-faint:#5f5440;--red:#b72d1c;--code-bg:#f2e9d3;--code-bg-2:#ede2c7;--code-fg:#2e2618}:is(html,.theme-preview)[data-palette=high-contrast]{--bg:#000000;--bg-2:#0b0b0b;--bg-3:#141414;--bg-4:#1c1c1c;--titlebar:#0b0b0b;--surface-1:#0b0b0b;--surface-2:#141414;--surface-3:#1c1c1c;--line:#5a5a5a;--line-strong:#8a8a8a;--ink:#ffffff;--ink-strong:#ffffff;--ink-soft:#e6e6e6;--ink-faint:#cfcfcf;--blue:#8fc1ff;--green:#6fdc9a;--orange:#ffb070;--red:#ff8a7a;--violet:#c4b5ff;--purple:#d7b8f0;--gold:#ffd27a;--code-bg:#0b0b0b;--code-bg-2:#000000;--code-fg:#ffffff}:is(html,.theme-preview)[data-palette=dusk]{--bg:#16141f;--bg-2:#1e1b2b;--bg-3:#262236;--bg-4:#2e2a40;--titlebar:#1e1b2b;--surface-1:#1e1b2b;--surface-2:#262236;--surface-3:#2e2a40;--line:#36314a;--line-strong:#4a4462;--ink:#ece9f6;--ink-strong:#f6f4fc;--ink-soft:#bcb6d3;--ink-faint:#a29cbb;--code-bg:#1a1826;--code-bg-2:#13111c;--code-fg:#e6e2f2;--page-gradient:linear-gradient(160deg, #1a1630 0%, #121826 55%, #14121c 100%)}:is(html,.theme-preview)[data-palette=dawn]{--bg:#f7f3f0;--bg-2:#fffdfb;--bg-3:#f1ece8;--bg-4:#e9e3df;--titlebar:#fffdfb;--surface-1:#fffdfb;--surface-2:#f4efeb;--surface-3:#f1ece8;--line:#e6dfda;--line-strong:#cfc6c0;--ink:#211c24;--ink-strong:#18141a;--ink-soft:#5b5258;--ink-faint:#625a60;--code-bg:#f3eeea;--code-bg-2:#eee8e3;--code-fg:#2a2430;--page-gradient:linear-gradient(160deg, #fdf3ec 0%, #f4f1fb 55%, #eef6f6 100%)}html[data-palette=dusk] body,html[data-palette=dawn] body{background:var(--page-gradient) fixed}.theme-preview{display:block;background:var(--page-gradient, var(--bg));color:var(--ink)}.theme-preview[data-palette]:not([data-palette=dusk]):not([data-palette=dawn]){--page-gradient: none;background:var(--bg)}:is(html,.theme-preview)[data-accent=blue]{--accent:#6ca6e0;--accent-deep:#5a94cf;--accent-soft:#141e2a;--accent-ink:#0b1f33;--accent-text:var(--accent);--accent-grad:#6ca6e0}:is(html,.theme-preview)[data-accent=green]{--accent:#4fbf8a;--accent-deep:#41ad7a;--accent-soft:#10221a;--accent-ink:#062619;--accent-text:var(--accent);--accent-grad:#4fbf8a}:is(html,.theme-preview)[data-accent=violet]{--accent:#a897f2;--accent-deep:#9784e6;--accent-soft:#1d1a2e;--accent-ink:#1b1240;--accent-text:var(--accent);--accent-grad:#a897f2}:is(html,.theme-preview)[data-accent=rose]{--accent:#eb7c9a;--accent-deep:#de6a8a;--accent-soft:#2a1519;--accent-ink:#3a0a1a;--accent-text:var(--accent);--accent-grad:#eb7c9a}:is(html,.theme-preview)[data-accent=teal]{--accent:#3fbfb5;--accent-deep:#33ada3;--accent-soft:#0f2423;--accent-ink:#052927;--accent-text:var(--accent);--accent-grad:#3fbfb5}:is(html,.theme-preview)[data-theme=light][data-accent=blue]{--accent:#2f6fb3;--accent-deep:#2a64a2;--accent-soft:#e3eefa;--accent-ink:#ffffff;--accent-text:#1f4f86;--accent-grad:#2f6fb3}:is(html,.theme-preview)[data-theme=light][data-accent=green]{--accent:#1e8659;--accent-deep:#1a7a51;--accent-soft:#dcf3e8;--accent-ink:#ffffff;--accent-text:#0b5e3f;--accent-grad:#1e8659}:is(html,.theme-preview)[data-theme=light][data-accent=violet]{--accent:#6a4fd1;--accent-deep:#5f45bd;--accent-soft:#ece7fd;--accent-ink:#ffffff;--accent-text:#4f35b0;--accent-grad:#6a4fd1}:is(html,.theme-preview)[data-theme=light][data-accent=rose]{--accent:#c2456a;--accent-deep:#b03c5f;--accent-soft:#fbe4ea;--accent-ink:#ffffff;--accent-text:#9a2f4f;--accent-grad:#c2456a}:is(html,.theme-preview)[data-theme=light][data-accent=teal]{--accent:#1a847f;--accent-deep:#167570;--accent-soft:#dcf2f1;--accent-ink:#ffffff;--accent-text:#0d625e;--accent-grad:#1a847f}.pref-wide{grid-column:1 / -1}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:8px 0}.theme-card{display:flex;flex-direction:column;gap:6px;padding:6px;font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.theme-card[aria-pressed=true],.accent-chip[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card:focus-visible,.accent-chip:focus-visible,.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-card .theme-preview{height:64px;padding:10px;border:1px solid var(--line);border-radius:6px}.tp-panel{display:block;height:100%;padding:7px;box-sizing:border-box;background:var(--surface-1);border-radius:4px}.tp-line{display:block;width:80%;height:5px;margin-bottom:5px;border-radius:3px;background:var(--ink)}.tp-short{width:50%;background:var(--ink-faint)}.tp-btn{display:block;width:34px;height:9px;border-radius:4px;background:var(--accent)}.theme-name{font-size:13px}.accent-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.accent-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:2.25rem;font:inherit;font-size:13px;cursor:pointer;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:999px}.accent-dot.theme-preview{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--accent)}.switch{display:inline-flex;align-items:center;gap:8px;padding:4px 0;font:inherit;color:var(--ink);background:none;border:0;cursor:pointer}.switch-knob{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line-strong)}.switch-knob:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface-1)}.switch[aria-checked=true] .switch-knob{background:var(--accent)}.switch[aria-checked=true] .switch-knob:after{transform:translate(14px)}@media(prefers-reduced-motion:no-preference){html:not([data-motion=reduce]) .switch-knob:after{transition:transform .15s ease-out}}