/* shared theme tokens — applied via html[data-theme] */
:root,html[data-theme="cream"]{--bg:#0b0b0a;--panel:#0f0f0d;--tab:#151512;--ink:#d9d3c3;--mid:#a29c8d;--dim:#5f5b52;--line:#2a2924;--line2:#3a3832;--acc:#e0736a;--ok:#9db38a;--glow:217,211,195}
html[data-theme="amber"]{--bg:#0c0802;--panel:#110b03;--tab:#1a1105;--ink:#ffb547;--mid:#c8892e;--dim:#6e4c1c;--line:#2e2009;--line2:#43300f;--acc:#ffd38a;--ok:#ffc35e;--glow:255,181,71}
html[data-theme="phosphor"]{--bg:#030a05;--panel:#05100a;--tab:#08180e;--ink:#7dff9b;--mid:#4fc56c;--dim:#2a6b3b;--line:#0f2a17;--line2:#174024;--acc:#c8ffd4;--ok:#7dff9b;--glow:125,255,155}
html[data-theme="ice"]{--bg:#06090d;--panel:#091019;--tab:#0d1622;--ink:#cfe6ff;--mid:#8fb0d1;--dim:#4a6380;--line:#16243a;--line2:#21344f;--acc:#6fd0ff;--ok:#9be3d4;--glow:160,210,255}
html[data-theme="rose"]{--bg:#0d0809;--panel:#130c0e;--tab:#1b1114;--ink:#f3d6d6;--mid:#c99a9c;--dim:#6f4f52;--line:#2e1d20;--line2:#43292d;--acc:#ff7a8a;--ok:#f2a5a0;--glow:255,140,150}
html[data-theme="paper"]{--bg:#f2eee4;--panel:#ebe6d9;--tab:#e2dccc;--ink:#26231d;--mid:#5c574b;--dim:#9a937f;--line:#d3ccb9;--line2:#bdb59f;--acc:#c2463a;--ok:#4f7a3a;--glow:60,50,30}
html[data-theme="contrast"]{--bg:#000;--panel:#000;--tab:#111;--ink:#fff;--mid:#e6e6e6;--dim:#a0a0a0;--line:#555;--line2:#8a8a8a;--acc:#ffd400;--ok:#00e5ff;--glow:255,255,255}
html[data-theme="fjord"]{--bg:#0e1116;--panel:#131820;--tab:#1a212b;--ink:#dfe6ee;--mid:#9aa8b8;--dim:#5a6676;--line:#262f3b;--line2:#35404f;--acc:#88c0d0;--ok:#a3be8c;--glow:200,215,230}
html[data-theme="synth"]{--bg:#0b0614;--panel:#110a1d;--tab:#190f2a;--ink:#f4e9ff;--mid:#c3a6e6;--dim:#6c5290;--line:#2a1a42;--line2:#3d2760;--acc:#ff2fb4;--ok:#26f0ff;--glow:255,80,200}
html[data-theme="ember"]{--bg:#0d0606;--panel:#140909;--tab:#1d0d0c;--ink:#f1dccf;--mid:#c49a87;--dim:#6e4a3e;--line:#2f1814;--line2:#45221c;--acc:#ff5a2e;--ok:#f2b84b;--glow:255,110,60}
html[data-theme="void"]{--bg:#07060d;--panel:#0c0a16;--tab:#131022;--ink:#dcd6f7;--mid:#a097cc;--dim:#5b5480;--line:#211d38;--line2:#302a50;--acc:#9d7bff;--ok:#6ee7b7;--glow:170,150,255}
html[data-theme="cobalt"]{--bg:#030a2a;--panel:#061036;--tab:#0a1845;--ink:#b9c8ff;--mid:#7f93e0;--dim:#41509a;--line:#13246a;--line2:#1d3388;--acc:#ffe066;--ok:#7cf0ff;--glow:150,175,255}
html[data-theme="olive"]{--bg:#0b0c07;--panel:#10120b;--tab:#171a10;--ink:#d8dcc0;--mid:#a3a886;--dim:#5e634a;--line:#262a1c;--line2:#363b28;--acc:#e3b04b;--ok:#9bc26b;--glow:210,215,170}
html[data-theme="slate"]{--bg:#111213;--panel:#161718;--tab:#1c1d1f;--ink:#c9cbcd;--mid:#949799;--dim:#5c5f62;--line:#2a2c2e;--line2:#393c3f;--acc:#b4a99a;--ok:#9aa79c;--glow:200,202,205}
html[data-theme="sand"]{--bg:#efe6d4;--panel:#e8dec9;--tab:#ddd1b8;--ink:#2b2418;--mid:#5e5340;--dim:#968a70;--line:#d1c4a6;--line2:#bbac8a;--acc:#b5541c;--ok:#55743a;--glow:70,55,30}
html[data-theme="frost"]{--bg:#eef2f6;--panel:#e6ebf1;--tab:#dbe2ea;--ink:#1c2633;--mid:#4c5a6b;--dim:#8a97a7;--line:#cdd6e0;--line2:#b4c0cd;--acc:#2f6fd6;--ok:#2d8a6e;--glow:30,45,70}
html[data-theme="mint"]{--bg:#ecf4ef;--panel:#e3eee7;--tab:#d6e6dc;--ink:#17291f;--mid:#44604f;--dim:#82a08d;--line:#c6dbcd;--line2:#a9c7b4;--acc:#d2456a;--ok:#22865a;--glow:25,55,40}
html.theming body,html.theming body *{transition:background-color .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1),border-color .5s cubic-bezier(.22,1,.36,1)!important}
html[data-theme="paper"] .grain,html[data-theme="sand"] .grain,html[data-theme="frost"] .grain,html[data-theme="mint"] .grain{display:none}
/* theme menu */
.theme{position:relative;display:inline-flex}
.theme-btn{font:inherit;font-size:12px;letter-spacing:.06em;color:var(--mid);background:none;border:0;padding:4px 0;cursor:pointer;display:inline-flex;gap:8px;align-items:center;min-height:32px}
.theme-btn:hover{color:var(--ink)}
.theme-btn .sw{width:8px;height:8px;background:var(--acc);box-shadow:0 0 6px var(--acc)}
.theme-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:min(360px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain;padding:8px;background:var(--panel);border:1px solid var(--line2);box-shadow:0 12px 32px rgba(0,0,0,.45);display:none;transform-origin:top right}
.theme-pop.open{display:grid;grid-template-columns:1fr 1fr;gap:0 4px}.theme-pop p{grid-column:1/-1}.theme-pop p.g{border:0;padding:10px 8px 4px;margin:0}
.theme-pop p{font-size:10px;letter-spacing:.12em;color:var(--dim);padding:4px 8px 8px;margin:0;border-bottom:1px solid var(--line);margin-bottom:4px}
.theme-pop button{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;gap:8px;padding:6px 8px;min-height:32px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mid);cursor:pointer}
.theme-pop button:hover,.theme-pop button:focus-visible{background:var(--tab);color:var(--ink)}
.theme-pop button[aria-checked="true"]{color:var(--ink)}
.theme-pop button[aria-checked="true"]::after{content:"●";margin-left:auto;color:var(--acc);font-size:8px}
.theme-pop .chip{display:inline-flex;width:24px;height:12px;border:1px solid var(--line2)}
.theme-pop .chip i{flex:1}
[data-theme-slot]{display:inline-flex;gap:16px;align-items:center}
.snd[aria-pressed="true"]{color:var(--ink)}
@media (max-width:480px){.theme-pop{position:fixed;right:12px;left:12px;top:64px;width:auto}[data-theme-slot]{gap:12px}.theme-btn{font-size:11.5px}}