/* the platform themes, theme picker, Motion and Zoom controls, shared with the AI home page (extracted from ai_home.html) */
html[data-theme=violet]{--bg:#120a24;--panel:#1b1136;--panel2:#26184a;--line:#3a2a66;--acc:#c084fc;--acc2:#f472b6;--g:linear-gradient(135deg,#c084fc,#f472b6);--hero:linear-gradient(120deg,rgba(192,132,252,.22),rgba(244,114,182,.18))}
html[data-theme=forest]{--bg:#08170f;--panel:#0f2418;--panel2:#16331f;--line:#26452f;--acc:#4ade80;--acc2:#2dd4bf;--g:linear-gradient(135deg,#4ade80,#2dd4bf);--hero:linear-gradient(120deg,rgba(74,222,128,.2),rgba(45,212,191,.18))}
html[data-theme=sunset]{--bg:#1a0e0a;--panel:#26150f;--panel2:#341d14;--line:#4f2e20;--acc:#fb923c;--acc2:#f43f5e;--g:linear-gradient(135deg,#fb923c,#f43f5e);--hero:linear-gradient(120deg,rgba(251,146,60,.22),rgba(244,63,94,.18))}
html[data-theme=light]{--bg:#f2f5fc;--panel:#ffffff;--panel2:#eaf0fc;--line:#d8e1f3;--ink:#17223d;--mut:#5b6a8d;--acc:#4f46e5;--acc2:#0ea5e9;--g:linear-gradient(135deg,#4f46e5,#0ea5e9);--hero:linear-gradient(120deg,rgba(79,70,229,.12),rgba(14,165,233,.14));--sh:0 8px 24px rgba(40,60,120,.1)}
.themes{display:flex;gap:7px;align-items:center}
.themes button{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0}
.themes button.on{border-color:var(--ink);transform:scale(1.12)}
@media(max-width:560px){.themes{gap:5px}.themes button{width:18px;height:18px}}
html[data-theme=ocean]{--vf:none}
html[data-theme=violet]{--vf:hue-rotate(71deg)}
html[data-theme=forest]{--vf:hue-rotate(-57deg)}
html[data-theme=sunset]{--vf:hue-rotate(188deg)}
html[data-theme=light]{--vf:hue-rotate(44deg)}
html[data-theme=violet]{--acc2:#f472b6;--acc3:#60a5fa}
html[data-theme=forest]{--acc2:#2dd4bf;--acc3:#facc15}
html[data-theme=sunset]{--acc2:#f43f5e;--acc3:#fbbf24}
html[data-theme=light]{--acc2:#0ea5e9;--acc3:#10b981}
html[data-theme=violet]{--glow:rgba(192,132,252,.45)}
html[data-theme=forest]{--glow:rgba(74,222,128,.42)}
html[data-theme=sunset]{--glow:rgba(251,146,60,.45)}
html[data-theme=light]{--glow:rgba(79,70,229,.32)}
.mot{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}
.mot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.mot[aria-pressed=false]::before{background:var(--mut);box-shadow:none}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important}
@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) *,html:not([data-motion=on]) *::before,html:not([data-motion=on]) *::after{animation:none!important;transition:none!important}}
@media(max-width:560px){.mot{font-size:0;padding:7px;gap:0}.themes{gap:4px}}
html[data-theme]{--g:linear-gradient(135deg,var(--acc),var(--acc2));--ok:var(--acc3);--hero:linear-gradient(120deg,color-mix(in srgb,var(--acc) 22%,transparent),color-mix(in srgb,var(--acc2) 20%,transparent),color-mix(in srgb,var(--acc3) 16%,transparent))}
.sel,.mot{border-color:color-mix(in srgb,var(--acc2) 50%,var(--line))}
html[data-theme=carbon]{--bg:#0d0f13;--panel:#151820;--panel2:#1d212b;--line:#2b303c;--ink:#eceef4;--mut:#98a0b0;--acc:#22d3ee;--acc2:#f97316;--acc3:#a3e635}
html[data-theme=aurora]{--bg:#06161a;--panel:#0b2227;--panel2:#103039;--line:#1c4651;--ink:#e8fbff;--mut:#86bcc7;--acc:#2dd4bf;--acc2:#f472b6;--acc3:#fde047}
html[data-theme=rose]{--bg:#1a0913;--panel:#27101d;--panel2:#361727;--line:#52233b;--ink:#fff0f6;--mut:#cf9bb2;--acc:#fb7185;--acc2:#c084fc;--acc3:#fbbf24}
html[data-theme=sky]{--bg:#eaf5ff;--panel:#ffffff;--panel2:#dff0fc;--line:#c8e0f4;--ink:#0d2740;--mut:#4f6c88;--acc:#0284c7;--acc2:#f97316;--acc3:#16a34a;--sh:0 8px 24px rgba(20,70,120,.12)}
html[data-theme=mint]{--bg:#ecf9f2;--panel:#ffffff;--panel2:#dcf3e7;--line:#c2e6d3;--ink:#0d2a1c;--mut:#4a7762;--acc:#059669;--acc2:#7c3aed;--acc3:#f59e0b;--sh:0 8px 24px rgba(20,100,60,.12)}
html[data-theme=sand]{--bg:#faf4ea;--panel:#ffffff;--panel2:#f3e8d6;--line:#e5d6bd;--ink:#2a1f10;--mut:#7a6648;--acc:#d97706;--acc2:#be123c;--acc3:#0891b2;--sh:0 8px 24px rgba(120,80,20,.12)}
html[data-theme=lavender]{--bg:#f4efff;--panel:#ffffff;--panel2:#eae2fb;--line:#d6cbf2;--ink:#21193b;--mut:#675b8a;--acc:#7c3aed;--acc2:#ec4899;--acc3:#0ea5e9;--sh:0 8px 24px rgba(80,40,160,.12)}
html[data-theme]{--glow:color-mix(in srgb,var(--acc) 42%,transparent)}
.themes{position:relative}
.themes button.thbtn{width:auto;height:auto;border-radius:99px;border:1px solid color-mix(in srgb,var(--acc2) 50%,var(--line));background:var(--panel2);color:var(--ink);padding:5px 11px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px;transform:none}
.thbtn .dt{display:flex}
.thbtn .dt i{width:11px;height:11px;border-radius:50%;margin-inline-end:-4px;border:1.5px solid var(--panel2)}
.thpop{position:absolute;right:0;top:46px;width:min(92vw,310px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 22px 56px rgba(0,0,0,.42);display:none;z-index:120}
.thpop.on{display:block;animation:rise .25s both}
.thpop h5{margin:10px 0 6px;font-size:11px;letter-spacing:.9px;text-transform:uppercase;color:var(--mut)}
.thpop h5:first-child{margin-top:0}
.swg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.themes button.sw{width:auto;height:auto;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:7px 8px;font-size:13px;display:flex;align-items:center;gap:7px;transform:none;text-align:left}
.themes button.sw.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--glow);transform:none}
.sw .st{display:flex;gap:2px}
.sw .st i{width:9px;height:22px;border-radius:3px}
@media(max-width:560px){.thbtn .tl2{display:none}}
html[data-theme=light]{--acc-t:#4338ca;--acc2-t:#0369a1;--acc3-t:#047857}
html[data-theme=sky]{--acc-t:#0369a1;--acc2-t:#c2410c;--acc3-t:#15803d}
html[data-theme=mint]{--acc-t:#047857;--acc2-t:#6d28d9;--acc3-t:#b45309}
html[data-theme=sand]{--acc-t:#b45309;--acc2-t:#be123c;--acc3-t:#0e7490}
html[data-theme=lavender]{--acc-t:#6d28d9;--acc2-t:#be185d;--acc3-t:#0369a1}
@media(max-width:560px){.themes{margin-inline-start:auto}}
html[data-theme=midnight]{--bg:#070b16;--panel:#0d1426;--panel2:#141d36;--line:#222f52;--ink:#eef2ff;--mut:#8f9cc4;--acc:#fbbf24;--acc2:#38bdf8;--acc3:#f472b6;--g:linear-gradient(135deg,#fbbf24,#38bdf8);--hero:linear-gradient(120deg,rgba(251,191,36,0.2),rgba(56,189,248,0.18));--glow:rgba(251,191,36,0.45);--vf:none;}
html[data-theme=ember]{--bg:#150907;--panel:#211010;--panel2:#2e1816;--line:#4a2824;--ink:#fff1ee;--mut:#c99a92;--acc:#f87171;--acc2:#fb923c;--acc3:#fde047;--g:linear-gradient(135deg,#f87171,#fb923c);--hero:linear-gradient(120deg,rgba(248,113,113,0.2),rgba(251,146,60,0.18));--glow:rgba(248,113,113,0.45);--vf:none;}
html[data-theme=neon]{--bg:#0a0510;--panel:#140a20;--panel2:#1d0f30;--line:#34185a;--ink:#fbefff;--mut:#b594cf;--acc:#e879f9;--acc2:#4ade80;--acc3:#22d3ee;--g:linear-gradient(135deg,#e879f9,#4ade80);--hero:linear-gradient(120deg,rgba(232,121,249,0.2),rgba(74,222,128,0.18));--glow:rgba(232,121,249,0.45);--vf:none;}
html[data-theme=cosmos]{--bg:#0b0820;--panel:#130f33;--panel2:#1c1747;--line:#2f2a6b;--ink:#f0eeff;--mut:#9a95cf;--acc:#818cf8;--acc2:#2dd4bf;--acc3:#fb7185;--g:linear-gradient(135deg,#818cf8,#2dd4bf);--hero:linear-gradient(120deg,rgba(129,140,248,0.2),rgba(45,212,191,0.18));--glow:rgba(129,140,248,0.45);--vf:none;}
html[data-theme=slate]{--bg:#0f1115;--panel:#171a20;--panel2:#1f232b;--line:#2e333d;--ink:#e8eaee;--mut:#9aa1ad;--acc:#60a5fa;--acc2:#fbbf24;--acc3:#34d399;--g:linear-gradient(135deg,#60a5fa,#fbbf24);--hero:linear-gradient(120deg,rgba(96,165,250,0.2),rgba(251,191,36,0.18));--glow:rgba(96,165,250,0.45);--vf:none;}
html[data-theme=citrus]{--bg:#fffbea;--panel:#ffffff;--panel2:#fff3c4;--line:#f1e3a6;--ink:#2b2205;--mut:#7d6a1f;--acc:#f59e0b;--acc2:#16a34a;--acc3:#ea580c;--g:linear-gradient(135deg,#f59e0b,#16a34a);--hero:linear-gradient(120deg,rgba(245,158,11,0.13),rgba(22,163,74,0.14));--glow:rgba(245,158,11,0.32);--vf:none;--sh:0 8px 24px rgba(40,40,60,.12);}
html[data-theme=citrus]{--acc-t:#9e6607;--acc2-t:#12833c;--acc3-t:#bd4709}
html[data-theme=coral]{--bg:#fff4f1;--panel:#ffffff;--panel2:#ffe5de;--line:#f6cfc5;--ink:#33130c;--mut:#8a5648;--acc:#f43f5e;--acc2:#0d9488;--acc3:#f59e0b;--g:linear-gradient(135deg,#f43f5e,#0d9488);--hero:linear-gradient(120deg,rgba(244,63,94,0.13),rgba(13,148,136,0.14));--glow:rgba(244,63,94,0.32);--vf:none;--sh:0 8px 24px rgba(40,40,60,.12);}
html[data-theme=coral]{--acc-t:#c4334b;--acc2-t:#0a776d;--acc3-t:#935f07}
html[data-theme=bubblegum]{--bg:#fff0f8;--panel:#ffffff;--panel2:#ffe0f1;--line:#f5c6e2;--ink:#33102a;--mut:#8a5079;--acc:#ec4899;--acc2:#3b82f6;--acc3:#eab308;--g:linear-gradient(135deg,#ec4899,#3b82f6);--hero:linear-gradient(120deg,rgba(236,72,153,0.13),rgba(59,130,246,0.14));--glow:rgba(236,72,153,0.32);--vf:none;--sh:0 8px 24px rgba(40,40,60,.12);}
html[data-theme=bubblegum]{--acc-t:#be3a7b;--acc2-t:#2f69c6;--acc3-t:#846407}
html[data-theme=meadow]{--bg:#f3fbe9;--panel:#ffffff;--panel2:#e3f5cf;--line:#cde8ae;--ink:#142108;--mut:#587540;--acc:#65a30d;--acc2:#0ea5e9;--acc3:#f97316;--g:linear-gradient(135deg,#65a30d,#0ea5e9);--hero:linear-gradient(120deg,rgba(101,163,13,0.13),rgba(14,165,233,0.14));--glow:rgba(101,163,13,0.32);--vf:none;--sh:0 8px 24px rgba(40,40,60,.12);}
html[data-theme=meadow]{--acc-t:#4b7a09;--acc2-t:#0972a3;--acc3-t:#ae5010}
html[data-theme=paper]{--bg:#f7f7f5;--panel:#ffffff;--panel2:#eeeeea;--line:#dcdcd5;--ink:#18181b;--mut:#62626b;--acc:#2563eb;--acc2:#7c3aed;--acc3:#059669;--g:linear-gradient(135deg,#2563eb,#7c3aed);--hero:linear-gradient(120deg,rgba(37,99,235,0.13),rgba(124,58,237,0.14));--glow:rgba(37,99,235,0.32);--vf:none;--sh:0 8px 24px rgba(40,40,60,.12);}
html[data-theme=paper]{--acc-t:#2563eb;--acc2-t:#7c3aed;--acc3-t:#057955}
.zm{display:flex;align-items:center;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:2px}
.zm button{background:none;border:0;color:var(--ink);width:26px;height:26px;border-radius:50%;font-size:16px;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center}
.zm button:hover:not(:disabled){background:color-mix(in srgb,var(--acc) 22%,transparent)}
.zm button:disabled{opacity:.35;cursor:default}
.zm #zv{min-width:42px;font-size:12px;font-weight:700;width:auto;padding:0 4px;border-radius:99px}
@media(max-width:560px){.zm #zv{min-width:34px}}
html[dir=rtl] .thpop,html[dir=rtl] .lgpop,html[dir=rtl] .menu,html[dir=rtl] #szwrap .menu{right:auto;left:0}