/* ZEKA R18 SOURCE: zeka-web.css */
/* ZEKA web edition — hides what only makes sense on a personal install, styles the account chip. */
:root[data-web="1"] .panel:has(#apiKey),
:root[data-web="1"] .panel:has(#healthBtn),
:root[data-web="1"] .panel:has(#baseUrl),
:root[data-web="1"] .panel:has(#relayConsent),
:root[data-web="1"] .panel:has(#enhancerModel),
:root[data-web="1"] #costLimitsPanel,
:root[data-web="1"] #zekaKeyNotice,
:root[data-web="1"] .cost-explainer,
:root[data-web="1"] #capSave,
:root[data-web="1"] [data-z-settings-tab="account"] { display: none !important; }

.z-web-account {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin: 10px 12px 0; padding: 11px 14px; border-radius: 14px; text-decoration: none;
  background: #F85F2E; color: #171717; font-weight: 700; font-size: 14px; line-height: 1.2;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  box-shadow: 0 6px 18px rgba(248, 95, 46, .28);
}
.z-web-account:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 9px 22px rgba(248, 95, 46, .36); }
.z-web-account:active { transform: translateY(0) scale(.99); }
.z-web-account:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.z-web-account b { font-variant-numeric: tabular-nums; font-size: 16px; }
.z-web-account small { font-weight: 600; opacity: .8; font-size: 12px; }
.z-web-account.flash { animation: zwFlash .9s ease 2; }
@keyframes zwFlash { 50% { box-shadow: 0 0 0 6px rgba(248, 95, 46, .35); } }
@media (prefers-reduced-motion: reduce) { .z-web-account, .z-web-account.flash { transition: none; animation: none; } }

/* new-user rules */
.nav.z-locked-nav{opacity:.55}
.nav.z-locked-nav::after{content:"🔒";font-size:11px;margin-inline-start:auto;opacity:.8}
#powerSwitch button.z-locked-nav{opacity:.4;cursor:not-allowed}
.model .tag.z-locked{opacity:.75}
.z-web-newuser{font-size:12px;line-height:1.5}
.z-over-cap{outline:1px solid #d9822b!important}
.z-web-toast{position:fixed;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom));margin:auto;max-width:520px;z-index:9999;background:#1d1a18;color:#f4efe9;border:1px solid #3a332e;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.6;box-shadow:0 10px 30px rgba(0,0,0,.45)}

/* one media generation at a time */
.z-media-wait{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.4)}


/* ZEKA R18 SOURCE: zeka-github-design.css */
/* ZEKA / GitHub-inspired flat design, v1.
   Visual layer only; no JavaScript, API routes or interactive element identities altered.
   References: Open WebUI, shadcn/ui, LobeHub, Vercel Chatbot.
   No external assets or runtime dependencies. */

@font-face{font-family:'ZEKA Onest';src:url('/fonts/ZekaOnest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'ZEKA Vazir';src:url('/fonts/ZekaVazirmatn-Arabic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --z-ui:'ZEKA Onest','ZEKA Vazir',system-ui,sans-serif;
 --z-display:'ZEKA Onest',system-ui,sans-serif;
 --sans:var(--z-ui);--display:var(--z-ui);--accent-face:var(--z-ui);--latin:var(--z-ui);
 --brand:#EC6034;--brand-2:#D9562E;--sand:#EC6034;
 --r-sm:10px;--r:14px;--r-lg:20px;
}
:root[data-theme=dark]{
 --canvas:#111111;--surface:#171717;--surface-2:#1E1E1E;--surface-3:#252525;
 --field:#181818;--ink:#F2F0EC;--ink-2:#D2CEC8;--ink-3:#A19D98;--ink-4:#77736F;
 --line:#2A2A2A;--line-2:#373737;--line-ctl:#555555;
 --key:#EAE8E3;--key-2:#FFFFFF;--key-on:#131313;
 --brand:#FF6336;--brand-2:#FF774E;--brand-soft:#2C1D18;--brand-line:#633B2E;
 --shadow-1:none;--shadow-2:none;--shadow-pop:0 16px 40px rgba(0,0,0,.3);
}
:root[data-theme=light]{
 --canvas:#F6F5F2;--surface:#FFFFFF;--surface-2:#F0EFEC;--surface-3:#E6E5E2;
 --field:#FFFFFF;--ink:#1A1918;--ink-2:#3C3A37;--ink-3:#68645F;--ink-4:#79746E;
 --line:#E7E5E0;--line-2:#D7D4CE;--line-ctl:#9A948C;
 --key:#1A1918;--key-2:#35322F;--key-on:#FFFFFF;
 --shadow-1:none;--shadow-2:none;--shadow-pop:0 12px 35px rgba(0,0,0,.07);
}
body{font-family:var(--z-ui);letter-spacing:0;background:var(--canvas)}
body::before{display:none!important}
body,.shell,main,.view,.studio,.results,.stream{box-shadow:none}
:root :is(.stat,.panel,.card,.composer,.studio-composer,.pop,.picker){box-shadow:none!important}
:root :is(.panel,.stat,.card){border-color:var(--line)!important;border-radius:14px!important;background:var(--surface)!important}
:root :is(.btn,.chip,.pill,.tag,.tool,.icon-btn,.nav,.field input,.field select){transition:background .14s ease,border-color .14s ease,color .14s ease}
:root :is(input,textarea,select){font-family:var(--z-ui)}
:root :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:10px}
:root :is(input,textarea,select):focus{box-shadow:none!important}
/* no emphasis through italic display fonts, consistent geometrical typography */
.head h1 em{font-family:var(--z-ui)!important;font-style:normal!important;font-weight:680!important;color:var(--ink)!important}
.head h1{font-family:var(--z-ui)!important;font-size:25px!important;font-weight:500!important;letter-spacing:-.045em!important}
.head{min-height:90px!important;padding:21px 32px 14px!important;align-items:flex-start!important;border-bottom:1px solid var(--line)!important}
.head p{display:block!important;margin-top:5px!important;font-size:12px!important;line-height:1.45!important;color:var(--ink-4)!important;max-width:88ch!important}
.burger{width:34px;height:34px;border:1px solid var(--line)!important;border-radius:10px!important}
.view .body{padding:26px 32px 32px!important}
/* nav: high contrast, stable layout, no decorative noise */
.rail{background:var(--canvas)!important;border-inline-end:1px solid var(--line)!important;padding:22px 14px!important}
.rail .brandline{margin-bottom:24px!important}
.rail .brandline .z{border-radius:10px!important;background:var(--ink)!important;color:var(--canvas)!important}
.rail .brandline .z::after{background:var(--brand)!important;box-shadow:none!important}
.rail .brandline b{font-size:16px!important;letter-spacing:.05em!important}
.rail-label{font-family:var(--z-ui)!important;color:var(--ink-4)!important;font-size:10px!important;letter-spacing:.14em!important}
.rail .nav{min-height:43px!important;border-radius:10px!important;color:var(--ink-3)!important;font-size:13px!important;font-weight:450!important}
.rail .nav:hover{background:var(--surface-2)!important;color:var(--ink)!important}
.rail .nav.on{background:var(--surface-2)!important;color:var(--ink)!important;font-weight:600!important}
.rail .nav svg{opacity:.75!important}
.rail .nav.on svg,.nav.on .tip{color:var(--brand)!important}
.newchat{height:42px!important;border-radius:10px!important;background:var(--surface-2)!important;border:1px solid var(--line-2)!important;color:var(--ink)!important;font-weight:550!important}
.newchat:hover{background:var(--surface-3)!important}
/* actions */
:root .btn{border-radius:10px!important}
:root .btn.key{background:var(--ink)!important;color:var(--canvas)!important;border-color:var(--ink)!important}
:root :is(.chip,.pill,.seg button,.tag){border-radius:10px!important}
:root .pill.on{border-color:var(--brand)!important}
:root .pop{background:var(--surface)!important}
:root .stats{gap:12px!important}
:root .stat{padding:20px!important}
:root .stat b{font-size:24px!important;font-weight:600!important}
:root .stat span{font-size:12px!important}
:root .toolbar{gap:10px!important;margin-bottom:20px!important}
:root .empty b{font-size:16px!important;font-weight:600!important}
:root .empty p{font-size:12px!important;color:var(--ink-4)!important;line-height:1.75!important}
:root .empty{max-width:520px;margin:0 auto!important}
/* forms and chat: near-black writing area, subtle focus border, stable send control */
:root .composer-wrap{padding:18px 30px 30px!important}
:root .composer,:root #view-chat .composer,:root .studio-composer{
 background:var(--surface)!important;border:1px solid var(--line-2)!important;
 border-radius:18px!important;box-shadow:none!important;
}
:root .composer:focus-within,:root #view-chat .composer:focus-within,:root .studio-composer:focus-within{
 border-color:var(--line-ctl)!important;box-shadow:none!important
}
:root .composer textarea,:root #view-chat .composer textarea,:root .studio-composer textarea{color:var(--ink)!important;background:transparent!important;font-size:14px!important}
:root .composer textarea::placeholder{color:var(--ink-4)!important}
:root :is(#view-chat .send,.studio-composer .send,.send){background:var(--ink)!important;color:var(--canvas)!important;box-shadow:none!important}
:root :is(#view-chat .composer[data-empty=true] .send,.studio-composer .send:disabled){background:var(--surface-3)!important;color:var(--ink-4)!important}
:root :is(.studio-composer .chip[data-pop],#view-chat .z-model-trigger){background:var(--surface-2)!important;border-color:var(--line)!important;border-radius:10px!important}
:root :is(.studio-composer .chip[data-pop] .val,#view-chat .z-model-trigger #chatModelLabel){font-weight:500!important}
:root :is(.tool,.icon-btn){border-radius:10px!important}
/* reduce decorative empty hero; keep real labels, inputs, selection available */
#view-chat .z-chat-ambient .z-eye{display:none!important}
#view-chat .z-chat-ambient .z-chat-ambient-title{opacity:.13!important;font-size:clamp(60px,10vw,150px)!important;letter-spacing:-.06em!important}
#view-chat .hero-minimal .z-eye{display:none!important}
#view-chat .hero-minimal h2{font-family:var(--z-ui)!important;letter-spacing:-.06em!important}
#view-image .studio .results,#view-video .studio .results,#view-music .studio .results{padding:20px 30px!important}
/* content modules: simple collection grid, minimal borders */
#view-library .toolbar,#view-prompts .toolbar,#view-showcase .toolbar{padding:0!important;background:transparent!important}
#view-settings .z-settings-tabs{background:transparent!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
#view-settings .z-settings-tabs button{border-radius:8px 8px 0 0!important}
#view-cost .cost-simple{margin-top:8px!important}
#view-cost .cost-explainer{font-size:12px!important;max-width:72ch!important;margin-bottom:20px!important}
/* Welcome screen: huge type, no iris, no glow. All existing mode buttons remain active. */
.zeka-landing{background:#111111!important;color:#F2F0EC!important}
.zeka-landing .z-land-nav{padding:26px 4vw!important;letter-spacing:.14em!important;font-size:11px!important;font-weight:500!important}
.zeka-landing .z-brand{font-size:16px!important;letter-spacing:.06em!important}
.zeka-landing .z-brand-square{border-radius:10px!important;box-shadow:none!important;width:36px!important;height:36px!important;font-weight:700!important}
.zeka-landing .z-land-type{
 transform:translateY(-13vh)!important;
 font-family:var(--z-ui)!important;font-weight:850!important;font-size:clamp(72px,15.0vw,230px)!important;
 line-height:.87!important;letter-spacing:-.072em!important;max-width:96vw!important;
 text-align:center!important;white-space:normal!important;text-shadow:none!important;color:#F2F0EC!important;
}
.zeka-landing .z-land-type::after{content:"";display:inline-block;vertical-align:baseline;width:.16em;height:.16em;background:#FF6336;border-radius:50%;margin-inline-start:.034em}
.zeka-landing .z-land-center{display:none!important}
.zeka-landing .z-land-bottom{
 bottom:7.5vh!important;left:0!important;right:0!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:26px!important;text-align:center!important;padding:0 20px!important;
}
.zeka-landing .z-land-bottom p{
 font-family:var(--z-ui)!important;font-size:14px!important;line-height:1.55!important;
 font-weight:400!important;letter-spacing:0!important;opacity:1!important;color:#A7A39F!important;
}
.zeka-landing .z-land-bottom small{
 display:block!important;margin-top:4px!important;font-size:13px!important;font-weight:400!important;
 line-height:1.5!important;color:#86827F!important;opacity:1!important;
}
.zeka-landing .z-land-actions{display:flex!important;flex-direction:column!important;gap:14px!important;width:auto!important;align-items:center!important}
.zeka-landing .z-land-go{
 order:-1!important;min-width:260px!important;min-height:56px!important;
 padding:0 30px!important;display:flex!important;justify-content:center!important;
 background:#FF6336!important;color:#141414!important;border:0!important;
 border-radius:999px!important;box-shadow:none!important;animation:none!important;
 font-family:var(--z-ui)!important;font-size:16px!important;font-weight:650!important;letter-spacing:-.015em!important;
 transition:background .15s ease!important;
}
.zeka-landing .z-land-go:hover{background:#FF784F!important;transform:none!important}
.zeka-landing .z-land-go>span:last-child{
 width:auto!important;height:auto!important;border:0!important;background:none!important;
 font-size:20px!important;line-height:1!important;transform:none!important;
}
.zeka-landing .z-land-modes{border-color:#303030!important;background:transparent!important;border-radius:999px!important;padding:3px!important}
.zeka-landing .z-land-modes button{font-size:11px!important;font-weight:500!important;color:#A39F9B!important;padding:7px 13px!important;opacity:1!important}
.zeka-landing .z-land-modes button[aria-pressed=true]{background:#F2F0EC!important;color:#131313!important}
/* responsive */
@media(max-width:820px){
 .head{padding:15px 20px 12px!important;min-height:82px!important}
 .view .body{padding:16px 18px!important}
 .head h1{font-size:22px!important}
 .head p{font-size:11px!important;display:none!important}
 :root .composer-wrap{padding:12px 15px calc(20px + env(safe-area-inset-bottom))!important}
 .zeka-landing .z-land-nav{padding:20px 17px!important}
 .zeka-landing .z-land-nav>span{font-size:9px!important}
 .zeka-landing .z-land-type{font-size:clamp(51px,15.5vw,120px)!important;transform:translateY(-11vh)!important}
 .zeka-landing .z-land-bottom{bottom:max(25px,env(safe-area-inset-bottom))!important;gap:19px!important}
 .zeka-landing .z-land-bottom p{font-size:12px!important}
 .zeka-landing .z-land-bottom small{font-size:11px!important}
 .zeka-landing .z-land-go{min-height:53px!important;min-width:min(280px,88vw)!important;font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.zeka-landing *{animation:none!important}}

/* Maintain the existing deliberate inverse composer theme:
   cream in dark mode, charcoal in light mode. No behavior changes. */
#imageOut:has(.empty)::before,#videoOut:has(.empty)::before,#musicOut:has(.empty)::before,
#imageOut:has(.empty)::after,#videoOut:has(.empty)::after,#musicOut:has(.empty)::after{display:none!important;content:none!important}
#imageOut:has(.empty),#videoOut:has(.empty),#musicOut:has(.empty){display:flex!important;align-items:center!important;justify-content:center!important;min-height:220px!important}
#imageOut:has(.empty)>.empty,#videoOut:has(.empty)>.empty,#musicOut:has(.empty)>.empty{margin:auto!important;padding:20px!important}
#imageOut .empty::before,#videoOut .empty::before,#musicOut .empty::before{
 content:"";display:block;width:42px;height:42px;margin:0 auto 18px;border-radius:12px;
 border:1px solid var(--line-2);background:var(--surface-2);
}


/* ZEKA R18 SOURCE: zeka-editorial.css */
/* ZEKA / Editorial skin — faithfully derived from the 3 user-provided C Editorial HTML mockups.
 * Reference palette: canvas #141210, rail #181613, surface #1C1916,
 * text #F3EEE6, muted #A9A296, accent #F85F2E.
 * CSS layer only. No event handlers, IDs, runtime, API endpoints, or request code modified.
 * No eye, according to last explicit user instruction.
 */
:root{
 --z-ui:'ZEKA Onest','ZEKA Vazir',system-ui,sans-serif;
 --z-display:'ZEKA Onest',system-ui,sans-serif;
 --sans:var(--z-ui);--display:var(--z-ui);--latin:var(--z-ui);
 --brand:#F85F2E;--brand-2:#E34E23;--sand:#F85F2E;
 --h:36px;--h-lg:44px;--r-sm:10px;--r:14px;--r-lg:22px;
}
:root[data-theme="dark"]{
 --canvas:#141210;--surface:#1C1916;--surface-2:#221F1B;--surface-3:#292520;
 --field:#1C1916;--ink:#F3EEE6;--ink-2:#D9D3C8;--ink-3:#A9A296;--ink-4:#8A847A;
 --line:rgba(243,238,230,.08);--line-2:rgba(243,238,230,.12);--line-ctl:rgba(243,238,230,.23);
 --key:#F3EEE6;--key-2:#FFFFFF;--key-on:#141210;
 --brand:#F85F2E;--brand-2:#FF764B;--brand-soft:#352018;--brand-line:#80402C;
 --shadow-1:none;--shadow-2:none;--shadow-pop:0 14px 36px rgba(0,0,0,.28);
}
:root[data-theme="light"]{
 --canvas:#F5F1EB;--surface:#FFFCF7;--surface-2:#EEE9E1;--surface-3:#E5DED5;
 --field:#FFFCF7;--ink:#211E1A;--ink-2:#433F39;--ink-3:#6B665F;--ink-4:#807970;
 --line:#E8E0D6;--line-2:#D9CFC4;--line-ctl:#A99F94;
 --key:#211E1A;--key-2:#332D26;--key-on:#FFFCF7;
 --brand:#D44C21;--brand-2:#B43E19;--brand-soft:#F5DED2;--brand-line:#E9B79E;
}
body{font-family:var(--z-ui)!important;letter-spacing:0}
body::before{display:none!important}

/* Navigation is quiet, stable, and editorial. */
.rail{background:#181613!important;border-inline-end:1px solid rgba(243,238,230,.045)!important;padding:26px 18px!important;width:260px!important}
:root[data-theme=light] .rail{background:#EEE9E1!important;border-color:#E0D7CA!important}
.rail .brandline{height:32px!important;margin-bottom:19px!important}
.rail .brandline .z{width:34px!important;height:34px!important;border-radius:9px!important;background:var(--ink)!important;color:var(--canvas)!important}
.rail .brandline .z::after{background:var(--brand)!important}
.rail .brandline b{font-weight:650!important;font-size:16px!important;letter-spacing:.03em!important}
.rail .brandline .txt>span{font-size:11px!important;color:var(--ink-4)!important}
.newchat{height:42px!important;margin:0 0 9px!important;border:1px solid rgba(243,238,230,.16)!important;background:transparent!important;color:#F3EEE6!important;border-radius:99px!important;box-shadow:none!important;font-weight:500!important}
:root[data-theme=light] .newchat{color:var(--ink)!important;border-color:var(--line-ctl)!important}
.newchat svg{color:var(--ink-3)!important}
.rail-label{padding:14px 12px 7px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.025em!important;text-transform:none!important;color:var(--ink-3)!important}
.rail .nav{height:40px!important;min-height:40px!important;font-size:14px!important;border-radius:10px!important;padding-inline:12px!important;font-weight:450!important;color:var(--ink-3)!important}
.rail .nav.on{background:#221F1B!important;color:#F3EEE6!important;font-weight:600!important}
:root[data-theme=light] .rail .nav.on{background:#E1D9CE!important;color:var(--ink)!important}
.rail .nav.on .tip{background:var(--brand)!important}
.rail-card{border-color:var(--line-2)!important}

/* Surface and text hierarchy; avoid loud borders, large shadows and excess badges. */
.head{height:92px!important;min-height:92px!important;padding:34px 58px 14px!important;border-bottom:0!important;align-items:flex-end!important;background:transparent!important}
.head h1,.head h1 em{font-family:var(--z-ui)!important;font-weight:600!important;font-size:30px!important;line-height:1.05!important;letter-spacing:-.035em!important;font-style:normal!important;color:var(--ink)!important}
.head p{font-size:12px!important;font-weight:400!important;letter-spacing:0!important;line-height:1.55!important;color:var(--ink-3)!important;margin-top:8px!important}
.view>.body{padding:28px 58px!important}
:root :is(.panel,.card,.stat,.pop){background:var(--surface)!important;border-color:var(--line-2)!important;border-radius:18px!important;box-shadow:none!important}
:root :is(input,textarea,select,.btn,.chip,.pill){box-shadow:none!important}
:root :is(.chip,.pill,.btn){border-color:var(--line-2)!important}
:root .chip,:root .pill{background:transparent!important;border-radius:999px!important;color:var(--ink-2)!important}
:root .chip:hover,:root .pill:hover{background:var(--surface-2)!important;color:var(--ink)!important}
:root .tool,:root .icon-btn{border-radius:50%!important}
:root :is(.studio-composer,#view-chat .composer) .send{border-radius:50%!important;background:var(--ink)!important;color:var(--canvas)!important;box-shadow:none!important}
:root .studio-composer .send:hover,:root #view-chat .composer .send:hover{opacity:.92}

/* Music: match the supplied Editorial artboard in spacing, surfaces, bottom composer. */
#view-music .head{padding-inline:58px!important}
#view-music .studio{background:transparent!important}
#view-music .studio .results{padding:18px 58px!important;background:transparent!important}
#view-music .composer-wrap{padding:0 58px 30px!important}
#view-music .studio-composer{
 width:min(860px,100%)!important;margin:0 auto!important;min-height:130px!important;
 padding:18px 18px 14px 24px!important;background:#1C1916!important;
 border:1px solid rgba(243,238,230,.12)!important;border-radius:24px!important;
 box-shadow:none!important;
}
#view-music .studio-composer #musicDesc{
 min-height:58px!important;padding:0!important;margin:0!important;
 font-family:var(--z-ui)!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;
 border:0!important;background:transparent!important;color:#F3EEE6!important;resize:vertical;
}
#view-music .studio-composer #musicDesc::placeholder{color:#928C83!important;opacity:1!important}
#view-music .studio-composer .bar{gap:10px!important;min-height:42px!important}
#view-music .studio-composer .chip{
 height:34px!important;padding:0 14px!important;border:1px solid rgba(243,238,230,.16)!important;
 background:transparent!important;border-radius:99px!important;color:#F3EEE6!important;
 font-size:12px!important;font-weight:400!important;
}
#view-music .studio-composer .chip .lbl{color:#A9A296!important}
#view-music .studio-composer .send{width:42px!important;height:42px!important;background:#F3EEE6!important;color:#141210!important}
#view-music .results .empty b{font-weight:500!important;color:var(--ink-2)!important}
#view-music .results .empty p{color:var(--ink-3)!important;font-size:12px!important}
/* Existing music job results, including native controls and playback, remain functional. */
#view-music :is(.za,.za-player,.z-audio-card,.music-result){box-shadow:none!important}

/* Apply matching composer geometry to Image, Video and Chat (not their logic). */
#view-image .composer-wrap,#view-video .composer-wrap{padding:0 58px 30px!important}
#view-image .studio-composer,#view-video .studio-composer{
 width:min(860px,100%)!important;margin-inline:auto!important;
 padding:18px 18px 14px 24px!important;min-height:130px!important;
 background:var(--surface)!important;border:1px solid var(--line-2)!important;
 border-radius:24px!important;box-shadow:none!important;
}
#view-image .studio .results,#view-video .studio .results{padding-inline:58px!important}
#view-image .studio-composer textarea,#view-video .studio-composer textarea{
 padding:0!important;min-height:54px!important;background:transparent!important;border:0!important;
 font-family:var(--z-ui)!important;font-size:16px!important;font-weight:400!important;
}
#view-image .studio-composer .chip,#view-video .studio-composer .chip{
 border-radius:99px!important;height:34px!important;background:transparent!important;border:1px solid var(--line-2)!important;
 font-size:12px!important;font-weight:400!important;
}
#view-chat .composer{max-width:860px!important;background:var(--surface)!important;border:1px solid var(--line-2)!important;border-radius:24px!important;box-shadow:none!important}
#view-chat .composer textarea{font-size:16px!important;font-weight:400!important}
#view-chat .hero-minimal .z-eye,#view-chat .z-chat-ambient .z-eye{display:none!important}

/* Landing from supplied Editorial palette, but with last approved large-title layout.
   Keep the eye removed until the user explicitly reauthorizes it. */
.zeka-landing{background:#141210!important;color:#F3EEE6!important}
.zeka-landing .z-land-center{display:none!important}
.zeka-landing .z-land-nav{padding:24px 4.2vw!important;font-size:11px!important;letter-spacing:.12em!important;font-weight:500!important}
.zeka-landing .z-land-type{
 transform:translateY(-11vh)!important;font-family:var(--z-ui)!important;
 font-size:clamp(76px,15.5vw,240px)!important;font-weight:850!important;
 line-height:.875!important;letter-spacing:-.072em!important;color:#F3EEE6!important;
 text-shadow:none!important;max-width:96vw!important;
}
.zeka-landing .z-land-type::after{background:#F85F2E!important}
.zeka-landing .z-land-bottom{gap:23px!important;bottom:6.6vh!important}
.zeka-landing .z-land-bottom p{font-size:14px!important;color:#A9A296!important;font-weight:400!important;line-height:1.55!important}
.zeka-landing .z-land-bottom small{font-size:13px!important;color:#918B81!important;font-weight:400!important;line-height:1.55!important}
.zeka-landing .z-land-go{min-width:254px!important;min-height:54px!important;background:#F85F2E!important;color:#141210!important;border-radius:999px!important;box-shadow:none!important;font-size:16px!important;font-weight:650!important}
.zeka-landing .z-land-go:hover{background:#FF774A!important}
.zeka-landing .z-land-modes{background:transparent!important;border-color:rgba(243,238,230,.13)!important}
.zeka-landing .z-land-modes button[aria-pressed=true]{background:#F3EEE6!important;color:#141210!important}

@media(max-width:820px){
 .rail{width:min(84vw,260px)!important;padding:18px 14px!important}
 .head{height:74px!important;min-height:74px!important;padding:16px 18px 12px!important;align-items:center!important}
 .head h1,.head h1 em{font-size:23px!important}
 .head p{display:none!important}
 .view>.body{padding:18px!important}
 #view-image .studio .results,#view-video .studio .results,#view-music .studio .results{padding:14px 16px!important}
 #view-image .composer-wrap,#view-video .composer-wrap,#view-music .composer-wrap{padding:8px 14px calc(18px + env(safe-area-inset-bottom))!important}
 #view-music .studio-composer,#view-image .studio-composer,#view-video .studio-composer{width:100%!important;padding:14px!important;border-radius:20px!important}
 #view-music .head{padding:16px 18px 12px!important}
 .zeka-landing .z-land-type{font-size:clamp(54px,15.3vw,116px)!important;transform:translateY(-11vh)!important}
 .zeka-landing .z-land-bottom p{font-size:12px!important}
 .zeka-landing .z-land-bottom small{font-size:11px!important}
 .zeka-landing .z-land-go{font-size:15px!important;min-height:51px!important}
}
@media(prefers-reduced-motion:reduce){.zeka-landing *,#view-chat *{animation:none!important}}
/* Stronger selector is required to supersede the older inverse-composer theme. */
:root[data-theme="dark"] #view-music .studio .studio-composer,
:root[data-theme="dark"] #view-image .studio .studio-composer,
:root[data-theme="dark"] #view-video .studio .studio-composer,
:root[data-theme="dark"] #view-chat .composer{
 background:#1C1916!important;color:#F3EEE6!important;
 border:1px solid rgba(243,238,230,.12)!important;
}
:root[data-theme="dark"] #view-music .studio-composer .chip,
:root[data-theme="dark"] #view-image .studio-composer .chip,
:root[data-theme="dark"] #view-video .studio-composer .chip{
 background:transparent!important;color:#F3EEE6!important;
 border:1px solid rgba(243,238,230,.16)!important;
}
:root[data-theme="dark"] #view-music .studio-composer .chip span,
:root[data-theme="dark"] #view-music .studio-composer .chip svg{
 color:inherit!important;opacity:1!important;
}
:root[data-theme="dark"] #view-music .studio-composer .send,
:root[data-theme="dark"] #view-image .studio-composer .send,
:root[data-theme="dark"] #view-video .studio-composer .send,
:root[data-theme="dark"] #view-chat .composer .send{
 background:#F3EEE6!important;color:#141210!important;
}
:root[data-theme="dark"] #view-music .studio-composer #musicDesc,
:root[data-theme="dark"] #view-image .studio-composer textarea,
:root[data-theme="dark"] #view-video .studio-composer textarea,
:root[data-theme="dark"] #view-chat .composer textarea{
 background:transparent!important;color:#F3EEE6!important;
}
:root[data-theme="dark"] #view-image .studio-composer textarea::placeholder,
:root[data-theme="dark"] #view-video .studio-composer textarea::placeholder,
:root[data-theme="dark"] #view-chat .composer textarea::placeholder{color:#928C83!important;opacity:1!important}


/* ZEKA R18 SOURCE: zeka-fb-black.css */
/* ZEKA v43 | Flat Black — VISUAL SKIN ONLY
  Source: ZEKA Studio v42 C Editorial, user's approved black/blue/red visual reference.
  No generated mock controls, no new models, no changes to JS, Python, endpoints or pricing.
  Real model chips and provider-supported dynamic controls moved into an accessible aside.
*/
@font-face{font-family:'ZEKA Onest';src:url('/fonts/ZekaOnest-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'ZEKA Vazir';src:url('/fonts/ZekaVazirmatn-Arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --z-ui:'ZEKA Onest','ZEKA Vazir',Arial,sans-serif;--z-display:var(--z-ui);
 --sans:var(--z-ui);--display:var(--z-ui);--latin:var(--z-ui);
 --brand:#168BFF;--brand-2:#56B8FF;--sand:#1789FF;
 --z-blue:#168BFF;--z-blue-light:#35ABFF;--z-red:#DA263B;
 --h:36px;--h-lg:44px;--r:12px;--r-lg:15px;--r-sm:9px;
}
:root[data-theme="dark"]{
 color-scheme:dark;
 --canvas:#050608;--surface:#0B0D11;--surface-2:#11151B;--surface-3:#171D25;
 --field:#090B0F;--ink:#F7F8FA;--ink-2:#D6DCE3;--ink-3:#A0A8B4;--ink-4:#7F8996;
 --line:#202630;--line-2:#2C3440;--line-ctl:#4A586C;
 --key:#158BFF;--key-2:#309BFF;--key-on:#FFFFFF;
 --brand:#168BFF;--brand-2:#56B8FF;--brand-soft:#0C2138;--brand-line:#1B4674;
 --garnet:#D82C40;--garnet-soft:#2A1017;--saffron:#D82C40;
 --shadow-1:none;--shadow-2:none;--shadow-pop:0 8px 28px #0007;
}
:root[data-theme="light"]{
 --canvas:#F7F9FC;--surface:#FFFFFF;--surface-2:#F1F4F9;--surface-3:#E7EDF5;
 --field:#FFFFFF;--ink:#111821;--ink-2:#34465A;--ink-3:#5F7184;--ink-4:#778596;
 --line:#E1E7EF;--line-2:#D6DFEA;--line-ctl:#9CB1C7;
 --key:#167BE6;--key-2:#095FBE;--key-on:#FFFFFF;
 --brand:#167BE6;--brand-2:#095FBE;--brand-soft:#E9F3FF;--brand-line:#AECDF2;
}
html,body{background:var(--canvas)!important}
body{font-family:var(--z-ui)!important;letter-spacing:0!important}
body::before{display:none!important}
.shell,main,.view,#view-chat{background:var(--canvas)!important}
:root :is(.panel,.card,.stat,.pop,.composer,.studio-composer){box-shadow:none!important;border-color:var(--line-2)!important}
:root :is(.pop,.panel,.stat,.card){border-radius:13px!important}
:root :is(input,select,textarea,.btn,.chip,.pill){box-shadow:none!important}
:root :is(.chip,.pill,.btn){border-radius:10px!important}
:root :is(.btn.key,.newchat){background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;border-radius:10px!important}
:root .btn.key:hover,:root .newchat:hover{background:var(--surface-3)!important}
:root .chip:hover,:root .pill:hover{background:var(--surface-2)!important}
:root .chip[aria-expanded="true"],:root .pill[aria-expanded="true"]{border-color:var(--z-blue)!important;color:var(--ink)!important}
:root input:focus,:root select:focus,:root textarea:focus{border-color:var(--z-blue)!important;box-shadow:none!important}

/* Nearly pure-black canvas, minimal rail, discreet blue active state. */
.rail{background:var(--canvas)!important;border-inline-end:1px solid var(--line)!important;padding:22px 15px!important;width:252px!important}
.rail .brandline{margin-bottom:19px!important}
.rail .brandline .z{background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;border-radius:10px!important}
.rail .brandline .z::after{background:var(--z-red)!important;box-shadow:none!important}
.rail .brandline b{font-size:17px!important;font-weight:650!important;letter-spacing:.08em!important}
.rail .nav{height:40px!important;min-height:40px!important;border-radius:10px!important;color:var(--ink-3)!important;font-size:13px!important;font-weight:500!important}
.rail .nav:hover{background:var(--surface)!important;color:var(--ink)!important}
.rail .nav.on{background:#0B1929!important;color:#F7F8FA!important;font-weight:600!important;border:1px solid #204E7D!important}
.rail .nav.on svg{color:var(--z-blue-light)!important}
.rail .nav.on .tip{background:var(--z-red)!important}
.rail-label{color:var(--ink-4)!important;letter-spacing:.1em!important}
.rail-card{box-shadow:none!important}
.head{height:91px!important;min-height:91px!important;padding:30px 36px 12px!important;align-items:flex-end!important;border-bottom:0!important;background:transparent!important}
.head h1,.head h1 em{font-family:var(--z-ui)!important;font-size:29px!important;font-weight:640!important;font-style:normal!important;letter-spacing:-.04em!important;color:var(--ink)!important}
.head p{color:var(--ink-3)!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;margin-top:7px!important;max-width:60ch!important}
.view>.body{padding:22px 36px!important}

/* Actual model settings aside uses the SAME original controls/IDs and event handlers. */
#view-image .studio,#view-video .studio,#view-music .studio{
 display:grid!important;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr) auto;
 column-gap:14px;padding:0 24px 0 30px;min-height:0;
}
#view-image .studio>.results,#view-video .studio>.results,#view-music .studio>.results{
 grid-column:1;grid-row:1;min-width:0;min-height:0;padding:18px 10px 10px!important;overflow:auto;
}
#view-image .studio>.composer-wrap,#view-video .studio>.composer-wrap,#view-music .studio>.composer-wrap{
 grid-column:1;grid-row:2;min-width:0;margin:0;padding:10px 10px 25px!important;
}
#view-image .studio>.z-fb-model-settings,#view-video .studio>.z-fb-model-settings,#view-music .studio>.z-fb-model-settings{
 grid-column:2;grid-row:1/3;min-height:0;align-self:stretch;margin:16px 0 24px;
 border:1px solid var(--line-2);border-radius:14px;background:var(--surface);
 overflow:visible;color:var(--ink-2);display:flex;flex-direction:column;
}
.z-fb-settings-details{min-width:0;max-height:100%;overflow-y:auto;scrollbar-width:thin}
.z-fb-settings-details summary{
 display:flex;align-items:center;gap:9px;min-height:52px;padding:0 15px;
 color:var(--ink)!important;font:600 13px/1.3 var(--z-ui);cursor:pointer;
 list-style:none;border-bottom:1px solid var(--line);user-select:none;
}
.z-fb-settings-details summary::-webkit-details-marker{display:none}
.z-fb-settings-details summary>svg:first-child{color:var(--z-blue)!important}
.z-fb-caret{margin-inline-start:auto;transform:rotate(-90deg);opacity:.7}
.z-fb-settings-details[open] .z-fb-caret{transform:rotate(0deg)}
.z-fb-settings-body{padding:16px 14px 18px;display:flex;flex-direction:column;gap:9px;min-width:0}
.z-fb-field-title{display:block;font-size:10px;line-height:1.4;color:var(--ink-3);font-weight:500;letter-spacing:.055em;text-transform:uppercase}
.z-fb-field-group{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;display:grid;gap:9px;min-width:0}
.z-fb-settings-body>.popwrap{display:flex;width:100%;min-width:0}
.z-fb-settings-body>.popwrap>.chip{width:100%;min-width:0;justify-content:space-between;font-size:12px!important;padding:0 10px!important}
.z-fb-settings-body>.popwrap>.chip .val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}
.z-fb-settings-body .chiprow{display:flex;flex-direction:column;align-items:stretch;gap:9px;width:100%;min-width:0;overflow:visible}
.z-fb-settings-body .chiprow:empty::after{content:'Options depend on the selected model';color:var(--ink-4);font-size:11px;line-height:1.5}
.z-fb-settings-body .chiprow .popwrap{width:100%;max-width:100%;display:flex}
.z-fb-settings-body .chiprow .chip{justify-content:space-between;max-width:100%;min-width:0;width:100%;border:1px solid var(--line-2)!important;border-radius:9px!important;font-size:12px!important;padding:0 11px!important;height:36px!important}
.z-fb-settings-body .chiprow .chip .val{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.z-fb-settings-body .z-music-extra-trigger{height:38px!important;font-size:12px!important;border-radius:9px!important;border:1px solid var(--line-2)!important;padding:0 10px!important;justify-content:space-between}
.z-fb-settings-body #musicExtra{width:100%;min-width:0;max-width:100%}
.z-fb-settings-body #musicExtra .pair{grid-template-columns:1fr;gap:8px}
.z-fb-settings-body #musicExtra input,.z-fb-settings-body #musicExtra textarea{width:100%;max-width:100%;min-width:0}
.z-fb-settings-body #musicExtra .field{margin-bottom:10px}

/* Writing area remains the functional source of request data. */
#view-image .studio-composer,#view-video .studio-composer,#view-music .studio-composer,
#view-chat .composer{
 background:var(--surface)!important;border:1px solid var(--line-2)!important;
 border-radius:15px!important;box-shadow:none!important;
 max-width:none!important;width:100%!important;min-height:112px!important;
 padding:10px 12px!important;
}
#view-image .studio-composer:focus-within,#view-video .studio-composer:focus-within,#view-music .studio-composer:focus-within,#view-chat .composer:focus-within{border-color:#2C5D90!important}
#view-image .studio-composer textarea,#view-video .studio-composer textarea,#view-music .studio-composer textarea{
 font:400 14px/1.55 var(--z-ui)!important;color:var(--ink)!important;min-height:58px!important;padding:5px 7px!important;resize:vertical;max-height:230px;background:transparent!important;border:0!important;
}
#view-image .studio-composer textarea::placeholder,#view-video .studio-composer textarea::placeholder,#view-music .studio-composer textarea::placeholder{color:var(--ink-4)!important}
#view-image .composer .bar,#view-video .composer .bar,#view-music .composer .bar{padding:8px 2px 2px!important;gap:8px!important}
#view-image .composer .bar>.grow,#view-video .composer .bar>.grow,#view-music .composer .bar>.grow{flex:1 1 auto}
#view-image .studio-composer .send,#view-video .studio-composer .send,#view-music .studio-composer .send,#view-chat .send{
 background:var(--z-blue)!important;color:#FFF!important;border-radius:10px!important;
 height:37px!important;width:39px!important;box-shadow:none!important;
}
#view-image .studio-composer .send:hover,#view-video .studio-composer .send:hover,#view-music .studio-composer .send:hover,#view-chat .send:hover{background:#287EE6!important}
#view-chat .composer{max-width:880px!important;margin-inline:auto!important;padding:10px!important}
#view-chat .composer textarea{color:var(--ink)!important;font-size:14px!important}
#view-chat .composer-wrap{padding:12px 26px 22px!important}
#view-chat .z-model-trigger{border-color:var(--line-2)!important;border-radius:9px!important;background:var(--surface-2)!important}
#view-chat .z-model-trigger .model-symbol{color:var(--z-blue)!important}
#view-chat .stream{background:transparent!important}
#view-chat .stream .msg.me .bubble{background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid #26394F!important}
#view-chat .stream .msg.ai .bubble{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}

/* Red eye stays only in Chat. It does not cover messages. No eye on landing. */
#view-chat .hero-minimal .z-eye{display:block!important;--z-iris-1:#E53245;--z-iris-2:#660C18}
#view-chat .z-chat-ambient .z-eye{display:block!important;--z-iris-1:#E53245;--z-iris-2:#660C18;box-shadow:none!important;--s:min(14vmin,112px)!important}
#view-chat .z-chat-ambient .z-chat-ambient-title{display:none!important}
#view-chat .z-chat-ambient{display:grid!important;visibility:visible!important;opacity:.27!important;filter:none!important;pointer-events:none!important}
#view-chat:not(.is-empty) .z-chat-ambient{display:grid!important;visibility:visible!important;opacity:.095!important;filter:none!important}
#view-chat .hero-minimal h2{color:var(--ink)!important}

/* Reserve red for power states/eye and subtle 10%-ish accent on active rail markers. */
.z-power button[data-power="x2"]{--c:#DD2D42}
.z-power button[data-power="x3"]{--c:var(--z-blue)}
.z-power button[aria-checked="true"] i,.z-x2-btn[aria-pressed="true"] i{box-shadow:none!important}
#view-chat .z-chat-enhancer .z-enhance-btn,.z-enhance-btn{border-color:var(--line-2)!important}

/* Landing keeps ZEKA hero text, adds restrained blue hourglass reference, no eye. */
.zeka-landing{
 background:#030406!important;color:#F7F8FA!important;
 isolation:isolate;overflow:hidden!important;
}
.zeka-landing .z-land-center{display:none!important}
.zeka-landing::before{
 content:'';position:absolute;inset:31% -10% 16%;z-index:0;pointer-events:none;
 background:radial-gradient(ellipse 29% 20% at 50% 50%,#167CDD 0%,#0751A1 37%,transparent 100%),
 linear-gradient(90deg,transparent 0%,#092B6D 13%,#116CF0 32%,#2CA6F9 43%,#0D356A 50%,#2CA6F9 57%,#116CF0 68%,#092B6D 87%,transparent 100%);
 opacity:.72;
 -webkit-mask-image:linear-gradient(to bottom,transparent,black 37%,black 62%,transparent);
 mask-image:linear-gradient(to bottom,transparent,black 37%,black 62%,transparent);
}
.zeka-landing::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#030406 2%,transparent 30%,transparent 70%,#030406 97%)}
.zeka-landing .z-land-nav,.zeka-landing .z-land-type,.zeka-landing .z-land-bottom{z-index:2!important}
.zeka-landing .z-land-nav{padding:24px 3.5vw!important;color:#F7F8FA!important;letter-spacing:.15em!important}
.zeka-landing .z-brand-square{background:#F7F8FA!important;color:#090B0F!important}
.zeka-landing .z-land-type{color:#F7F8FA!important;font-size:clamp(86px,16vw,254px)!important;line-height:.89!important;letter-spacing:-.07em!important;transform:translateY(-14vh)!important;font-weight:800!important;text-shadow:none!important}
.zeka-landing .z-land-type::after{background:var(--z-blue)!important}
.zeka-landing .z-land-bottom{bottom:6vh!important;gap:17px!important}
.zeka-landing .z-land-bottom p{font-weight:400!important;font-size:13px!important;color:#CCD5DF!important}
.zeka-landing .z-land-bottom small{font-weight:400!important;font-size:12px!important;color:#9EA8B3!important}
.zeka-landing .z-land-go{
 min-height:51px!important;min-width:276px!important;border:1px solid #3A8CD4!important;
 background:#071629!important;color:#F7F8FA!important;border-radius:999px!important;
 box-shadow:none!important;animation:none!important;font-size:15px!important;font-weight:550!important;
}
.zeka-landing .z-land-go:hover{background:#0E2944!important;color:#FFF!important;border-color:var(--z-blue-light)!important}
.zeka-landing .z-land-modes{border-color:#304151!important;background:rgba(2,5,8,.85)!important}
.zeka-landing .z-land-modes button[aria-pressed=true]{background:#E6EEF8!important;color:#101821!important}

/* On small screens, move model settings above composer; never shrink usable inputs. */
@media(max-width:1120px){
 #view-image .studio,#view-video .studio,#view-music .studio{grid-template-columns:minmax(0,1fr) 224px;column-gap:7px;padding:0 12px!important}
 #view-image .studio>.z-fb-model-settings,#view-video .studio>.z-fb-model-settings,#view-music .studio>.z-fb-model-settings{margin:11px 0 17px}
 .z-fb-settings-body{padding:12px 10px}
}
@media(max-width:820px){
 .rail{width:min(84vw,252px)!important}
 .head{height:77px!important;min-height:77px!important;padding:17px 17px 9px!important;align-items:center!important}
 .head h1,.head h1 em{font-size:22px!important}
 #view-image .studio,#view-video .studio,#view-music .studio{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto auto!important;padding:0 8px!important;
 }
 #view-image .studio>.results,#view-video .studio>.results,#view-music .studio>.results{grid-column:1!important;grid-row:1!important;padding:7px 9px!important}
 #view-image .studio>.z-fb-model-settings,#view-video .studio>.z-fb-model-settings,#view-music .studio>.z-fb-model-settings{
  grid-column:1!important;grid-row:2!important;margin:6px 8px!important;max-height:34vh;overflow:auto;
 }
 #view-image .studio>.composer-wrap,#view-video .studio>.composer-wrap,#view-music .studio>.composer-wrap{
  grid-column:1!important;grid-row:3!important;padding:6px 8px calc(16px + env(safe-area-inset-bottom))!important;
 }
 .z-fb-settings-details summary{min-height:42px!important}
 .z-fb-settings-body{padding:9px 13px!important}
 .z-fb-settings-body .chiprow{flex-direction:row;flex-wrap:wrap}
 .z-fb-settings-body .chiprow .popwrap{width:auto;max-width:100%}
 .z-fb-settings-body .chiprow .chip{width:auto}
 #view-chat .composer-wrap{padding:8px 10px calc(13px + env(safe-area-inset-bottom))!important}
 .zeka-landing .z-land-type{font-size:clamp(53px,15.5vw,120px)!important;transform:translateY(-15vh)!important}
 .zeka-landing .z-land-bottom{bottom:max(21px,env(safe-area-inset-bottom))!important}
 .zeka-landing .z-land-go{min-height:49px!important;min-width:min(275px,87vw)!important}
}
@media(prefers-reduced-motion:reduce){.zeka-landing *,#view-chat .z-eye{animation:none!important;transition:none!important}}

/* Final specificity guard: older skins deliberately inverted composers to cream.
   The new user-approved flat-black style MUST win even on focus. */
:root[data-theme="dark"] #view-chat .composer,
:root[data-theme="dark"] #view-chat .composer:focus-within,
:root[data-theme="dark"] #view-image .studio .studio-composer,
:root[data-theme="dark"] #view-image .studio .studio-composer:focus-within,
:root[data-theme="dark"] #view-video .studio .studio-composer,
:root[data-theme="dark"] #view-video .studio .studio-composer:focus-within,
:root[data-theme="dark"] #view-music .studio .studio-composer,
:root[data-theme="dark"] #view-music .studio .studio-composer:focus-within{
 --surface:#0B0D11;--surface-2:#11151B;--surface-3:#171D25;--field:#090B0F;
 --ink:#F7F8FA;--ink-2:#D6DCE3;--ink-3:#A0A8B4;--ink-4:#7F8996;
 --key:#168BFF;--key-2:#309BFF;--key-on:#FFFFFF;
 --brand:#168BFF;--brand-2:#56B8FF;--brand-soft:#0C2138;--brand-line:#1B4674;
 --line:#202630;--line-2:#2C3440;--line-ctl:#4A586C;
 background:#0B0D11!important;border:1px solid #2C3440!important;color:#F7F8FA!important;
}
:root[data-theme="dark"] #view-chat .composer textarea,
:root[data-theme="dark"] #view-image .studio-composer textarea,
:root[data-theme="dark"] #view-video .studio-composer textarea,
:root[data-theme="dark"] #view-music .studio-composer textarea{color:#F7F8FA!important}
:root[data-theme="dark"] #view-chat .composer textarea::placeholder,
:root[data-theme="dark"] #view-image .studio-composer textarea::placeholder,
:root[data-theme="dark"] #view-video .studio-composer textarea::placeholder,
:root[data-theme="dark"] #view-music .studio-composer textarea::placeholder{color:#8492A2!important}
:root[data-theme="dark"] #view-image .studio-composer .send,
:root[data-theme="dark"] #view-video .studio-composer .send,
:root[data-theme="dark"] #view-music .studio-composer .send,
:root[data-theme="dark"] #view-chat .composer .send{
 color:#FFFFFF!important;background:#168BFF!important;border-radius:9px!important;
}
:root[data-theme="dark"] #view-chat .composer #modelPill{
 background:#11151B!important;color:#F7F8FA!important;border:1px solid #2C3440!important;
}
:root[data-theme="dark"] #view-chat .composer #modelPill .model-symbol{color:#168BFF!important}
:root[data-theme="dark"] .z-enhance-btn{color:#A0A8B4!important;background:transparent!important;border:1px solid #2C3440!important;box-shadow:none!important}
:root[data-theme="dark"] .z-enhance-btn:hover{color:#F7F8FA!important;border-color:#4A586C!important}
/* Popovers get the same dark palette, not the previous inverted-cream theme. */
html:root[data-theme="dark"] body>.pop[id^="pop-"],
html:root[data-theme="dark"] body>.z-compact-pop{
 --surface:#0B0D11;--surface-2:#11151B;--surface-3:#171D25;--field:#090B0F;
 --ink:#F7F8FA;--ink-2:#D6DCE3;--ink-3:#A0A8B4;--ink-4:#7F8996;
 --line:#202630;--line-2:#2C3440;--line-ctl:#4A586C;--brand:#168BFF;
 background:#0B0D11!important;color:#F7F8FA!important;border-color:#2C3440!important;
}
/* 50%-quieter finish: compact settings rather than an empty full-height outline. */
#view-image .studio>.z-fb-model-settings,
#view-video .studio>.z-fb-model-settings,
#view-music .studio>.z-fb-model-settings{align-self:start!important;max-height:calc(100% - 22px)!important}
#imageOut .empty::before,#videoOut .empty::before,#musicOut .empty::before{display:none!important;content:none!important}

/* v44: remove the ghost/second eye, preserve the existing single red chat hero eye. */
#view-chat .z-chat-ambient,
#view-chat.is-empty .z-chat-ambient,
#view-chat:not(.is-empty) .z-chat-ambient{
 display:none!important;visibility:hidden!important;opacity:0!important;
}
#view-chat .hero-minimal .z-eye{display:block!important;filter:none!important;box-shadow:none!important}

/* v44: small editorial samples. The original uploaded images stay proportional. */
#view-image .zs-fan{height:clamp(135px,25vh,225px)!important}
#view-image .zs-card{--w:clamp(84px,13.5vh,124px)!important;border-radius:10px!important;box-shadow:none!important}
#view-image .zs-card img{object-fit:contain!important;background:#111!important}
#view-music .zs-host .za{max-width:475px!important;box-shadow:none!important}

/* v45 — accessible, compact persistent media history actions */
.z-media-history-row{display:flex;align-items:stretch;gap:3px;min-width:0;width:100%;border-radius:10px;margin:2px 0}
.z-media-history-row .z-media-thread{min-width:0;flex:1;width:auto;overflow:hidden;padding:9px 6px 9px 10px}
.z-media-history-row .z-media-thread b,.z-media-history-row .z-media-thread small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.z-media-history-row .z-media-history-remove{display:grid;place-items:center;align-self:center;flex:none;width:31px;height:34px;border:1px solid transparent;background:transparent;color:#8E949C;border-radius:9px;cursor:pointer}
.z-media-history-row .z-media-history-remove:hover{color:#F6F7FA;background:#252A30;border-color:#3B444D}
.z-media-history-row .z-media-history-remove:focus-visible{outline:2px solid #299BFA;outline-offset:1px}
.z-media-history-row:has(.z-media-thread.on){background:#101C29}


/* ZEKA R18 SOURCE: zeka-r4.css */
/* ZEKA R4 / monochrome palette and near-black dark surfaces. Keep Power red modes intact. */
:root{
 --z-gold:#F5F5F5;--z-iris:#EFEFEF;--z-iris-hi:#FFFFFF;--z-iris-deep:#B9B9B9;
 --z-iris-1:#EDEDED;--z-iris-2:#888888;--z-copper:#777777;--z-black:#080808;
 --z-power:#A30F17;
}
:root[data-theme="dark"]{
 --canvas:#080808;--surface:#111111;--surface-2:#181818;--surface-3:#222222;--field:#101010;
 --ink:#F5F5F5;--ink-2:#DFDFDF;--ink-3:#B4B4B4;--ink-4:#999999;
 --line:#292929;--line-2:#383838;--line-ctl:#666666;
 --brand:#F6F6F6;--brand-2:#FFFFFF;--brand-soft:#252525;--brand-line:#666666;
 --key:#F5F5F5;--key-2:#FFFFFF;--key-on:#0C0C0C;
 --sand:#F5F5F5;--saffron:#F5F5F5;--saffron-soft:#252525;
}
:root[data-theme="light"]{
 --brand:#141414;--brand-2:#303030;--brand-soft:#EAEAEA;--brand-line:#ABABAB;
 --key:#141414;--key-2:#303030;--key-on:#FFFFFF;
 --sand:#141414;--saffron:#141414;--saffron-soft:#EAEAEA;
}
:root[data-theme="dark"] :is(body,main,.rail,.zeka-landing){background-color:#080808}
:root[data-theme="dark"] .rail{background:#0B0B0B!important;border-color:#252525!important}
:root[data-theme="dark"] .z-web-toast{background:#171717;border-color:#333;color:#f5f5f5}
:root[data-theme="dark"] .z-web-account{background:#F5F5F5!important;color:#101010!important;box-shadow:none!important}
:root[data-theme="light"] .z-web-account{background:#141414!important;color:#fff!important;box-shadow:none!important}
.zeka-guest-banner{background:#151515!important;border-color:#444!important}
.zeka-guest-actions a:last-child{background:#F5F5F5!important;border-color:#F5F5F5!important;color:#101010!important}
.zeka-guest-actions a:first-child{border-color:#aaa!important;color:#fff!important}
:root[data-theme="dark"] :is(#view-chat .composer,.studio-composer){
 --brand:#171717;--brand-2:#303030;--brand-soft:#EAEAEA;--brand-line:#AAAAAA;
 --key:#171717;--key-2:#303030;--key-on:#FFFFFF;
}
:root[data-theme="light"] :is(#view-chat .composer,.studio-composer){
 --brand:#F5F5F5;--brand-2:#FFFFFF;--brand-soft:#242424;--brand-line:#6A6A6A;
 --key:#F5F5F5;--key-2:#FFFFFF;--key-on:#111111;
}
/* Preserve the special red Power lighting; monochrome applies to regular interface only. */
:root[data-power="x3"]{--z-power:#A30F17}
.zeka-landing .z-land-go{background:#F7F7F7!important;color:#0A0A0A!important}
:root[data-theme="dark"] .z-music-cover{background:linear-gradient(135deg,#FAFAFA,#888)!important;color:#101010}
:root[data-theme="dark"] .z-model-pop .model.on,
:root[data-theme="dark"] .nav.on{border-color:#555}
/* Skills are not a public account feature: hiding is defense in depth only; the API is also protected. */
#view-skills, [data-view="skills"], #menuSkill, #z-skill-hint,
[data-skill-view], [data-skill-toggle], [data-skill-manual], [data-skill-remove]{display:none!important}
#zekaR4Session{position:fixed;inset-block-start:13px;inset-inline-end:17px;z-index:996;display:flex;align-items:center;gap:7px;direction:rtl}
#zekaR4Session>*{border-radius:11px;min-height:35px;padding:7px 12px;box-sizing:border-box;border:1px solid #555;background:#161616;color:#f5f5f5;text-decoration:none;font:600 12px/1.5 system-ui,Tahoma,sans-serif;cursor:pointer;white-space:nowrap}
#zekaR4Logout{background:#F5F5F5!important;color:#101010!important;border-color:#F5F5F5!important}
#zekaR4Logout:disabled{opacity:.45;cursor:wait}
#zekaR4Toast{position:fixed;inset-inline:12px;bottom:20px;z-index:9999;max-width:450px;margin:0 auto;background:#191919;color:#fff;border:1px solid #555;padding:13px 17px;border-radius:13px;font:500 13px/1.6 system-ui,Tahoma,sans-serif;text-align:center}
#zekaR4Toast[hidden]{display:none!important}
@media(max-width:640px){#zekaR4Session{inset-block-start:8px;inset-inline-end:8px;gap:4px}#zekaR4Session>*{font-size:11px;padding:5px 9px;min-height:31px}}
/* Same-page email / Google sign in on the original Think limitless landing. */
#zGuestAuthModal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
#zGuestAuthModal[hidden]{display:none!important}
#zGuestAuthPanel{position:relative;max-width:410px;width:100%;padding:28px;background:#141414;border:1px solid #343434;border-radius:21px;color:#F4F4F4;box-shadow:0 20px 70px #000b;font:500 14px/1.6 system-ui,Tahoma,sans-serif;box-sizing:border-box}
#zGuestAuthPanel h2{margin:0 0 18px;font-size:21px}
#zGuestAuthPanel label{display:block;margin:12px 0 5px}
#zGuestAuthPanel input{display:block;width:100%;box-sizing:border-box;background:#0B0B0B;border:1px solid #4A4A4A;border-radius:10px;padding:12px;color:#fff;font:inherit;direction:ltr}
#zGuestAuthPanel button,#zGuestAuthPanel a.z-guest-button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;box-sizing:border-box;border:1px solid #666;border-radius:10px;padding:10px 16px;color:#fff;background:#171717;font:700 13px system-ui,Tahoma,sans-serif;cursor:pointer}
#zGuestAuthPanel .z-guest-submit{display:block;width:100%;margin-top:17px;background:#F5F5F5;color:#101010;border-color:#F5F5F5}
#zGuestAuthPanel .z-guest-google{width:100%;margin-top:10px}
#zGuestAuthPanel .z-guest-switch{margin-top:13px;border:0;background:transparent;text-decoration:underline}
#zGuestAuthPanel .z-guest-close{position:absolute;top:9px;right:10px;min-width:36px;padding:6px}
#zGuestAuthError{color:#FFA5A5;font-size:12px;min-height:18px;display:block;margin-top:10px}


/* ZEKA R18 SOURCE: zeka-r5.css */
/* R5: physically pin account menu to upper-right regardless of FA/EN RTL direction. */
#zekaR4Session{
  inset:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;
  top:17px!important;right:21px!important;left:auto!important;bottom:auto!important;
  z-index:1800!important;display:block!important;direction:ltr!important;
  width:max-content;max-width:calc(100vw - 30px);
}
#zekaR4Session>#zekaR5AccountToggle{
  display:flex!important;align-items:center;gap:8px;
  min-height:38px;padding:5px 12px 5px 5px!important;
  background:#161616!important;color:#f2f2f2!important;
  border:1px solid #343434!important;border-radius:999px!important;
  box-shadow:0 5px 18px rgba(0,0,0,.18);cursor:pointer;
  font:600 12px/1.2 system-ui,Tahoma,sans-serif;
}
#zekaR5AccountToggle:hover{background:#252525!important;border-color:#666!important}
#zekaR5AccountToggle:focus-visible{outline:2px solid #f5f5f5;outline-offset:3px}
#zekaR5AccountToggle .zekaR5Avatar{
  display:grid;place-items:center;width:27px;height:27px;border-radius:50%;
  color:#111;background:#f6f6f6;font-weight:800;font-size:12px;
}
#zekaR5AccountToggle .zekaR5Chevron{font-size:16px;line-height:1;opacity:.8}
#zekaR4Session>#zekaR5AccountDropdown{
  position:absolute;top:calc(100% + 9px);right:0;left:auto;
  min-width:188px;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;
  background:#151515!important;border:1px solid #3a3a3a!important;
  border-radius:14px!important;padding:6px!important;
  box-shadow:0 14px 38px rgba(0,0,0,.65);direction:ltr;
}
#zekaR4Session>#zekaR5AccountDropdown[hidden]{display:none!important}
#zekaR5AccountDropdown :is(a,button){
  box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;
  width:100%;min-height:39px;padding:10px 12px;border:0;border-radius:9px;
  text-align:start;text-decoration:none;white-space:nowrap;
  font:600 12px/1.4 system-ui,Tahoma,sans-serif;
  color:#f4f4f4;background:transparent;cursor:pointer;
}
#zekaR5AccountDropdown :is(a,button):hover{background:#2a2a2a}
#zekaR5AccountDropdown #zekaR4Logout{color:#f4f4f4!important;background:#252525!important}
#zekaR5AccountDropdown #zekaR4Logout:hover{background:#383838!important}
#zekaR5AccountDropdown #zekaR4Logout:disabled{opacity:.45;cursor:wait}
@media(max-width:640px){
  #zekaR4Session{top:9px!important;right:11px!important;left:auto!important}
  #zekaR4Session>#zekaR5AccountToggle{min-height:35px;font-size:11px;padding-right:9px!important}
  #zekaR5AccountToggle .zekaR5Avatar{width:24px;height:24px}
}


/* ZEKA R18 SOURCE: zeka-r8.css */
/* ZEKA R8 — Power preview + non-floating account actions; visual only. */
:root {--zeka-r8-heat:0%;--zeka-r8-alpha:0;}
/* Blue accents and blue landing glow become red while Power pulse peaks, then ease back to blue. */
:root{
 --z-blue:color-mix(in srgb,#168BFF,#DA263B var(--zeka-r8-heat))!important;
 --z-blue-light:color-mix(in srgb,#35ABFF,#F46B7A var(--zeka-r8-heat))!important;
}
.zeka-landing::before{
 background:
 radial-gradient(ellipse 29% 20% at 50% 50%,color-mix(in srgb,#167CDD,#E32B41 var(--zeka-r8-heat)) 0%,color-mix(in srgb,#0751A1,#8E0A22 var(--zeka-r8-heat)) 37%,transparent 100%),
 linear-gradient(90deg,transparent 0%,color-mix(in srgb,#092B6D,#630E22 var(--zeka-r8-heat)) 13%,color-mix(in srgb,#116CF0,#C11B32 var(--zeka-r8-heat)) 32%,color-mix(in srgb,#2CA6F9,#FC5260 var(--zeka-r8-heat)) 43%,color-mix(in srgb,#0D356A,#510916 var(--zeka-r8-heat)) 50%,color-mix(in srgb,#2CA6F9,#FC5260 var(--zeka-r8-heat)) 57%,color-mix(in srgb,#116CF0,#C11B32 var(--zeka-r8-heat)) 68%,color-mix(in srgb,#092B6D,#630E22 var(--zeka-r8-heat)) 87%,transparent 100%)!important;
}
/* Tint every studio surface; pointer events pass through. No Blue leaks through during peak. */
body::after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(180,24,43,.32),rgba(62,0,13,.72));pointer-events:none;z-index:1700;opacity:var(--zeka-r8-alpha);transition:none!important;}
/* Keep authentic login modal and system dialogs above the visual overlay. */
#zGuestAuthModal{z-index:2200!important}
#zekaR8Account{padding:20px 22px!important;margin-bottom:16px!important}
#zekaR8Account .zeka-r8-account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;align-items:center}
#zekaR8Account :is(#zekaR4Account,#zekaR4Logout){display:inline-flex;align-items:center;justify-content:center;min-height:41px;border-radius:11px;border:1px solid var(--line-ctl,#555);background:#191919;color:#f5f5f5;padding:9px 18px;white-space:nowrap;text-decoration:none;font:600 13px/1.5 system-ui,sans-serif;cursor:pointer}
#zekaR8Account #zekaR4Logout{background:#f5f5f5!important;color:#111!important;border-color:#eee!important}
#zekaR8Account :is(#zekaR4Account,#zekaR4Logout):focus-visible{outline:2px solid #eee;outline-offset:3px}
#zekaR4Session:empty{display:none!important}
@media(prefers-reduced-motion:reduce){body::after{transition:none}}


/* ZEKA R18 SOURCE: zeka-r9.css */
/* R9: use one visual pulse for both Guest and authenticated studio; overrides old R8 mixed visuals. */
:root{
 --zeka-r9-heat:0%; --zeka-r9-alpha:0;
 --zeka-r8-heat:0%!important; --zeka-r8-alpha:0!important;
 --z-blue:color-mix(in srgb,#168BFF,#E32B41 var(--zeka-r9-heat))!important;
 --z-blue-light:color-mix(in srgb,#35ABFF,#F46B7A var(--zeka-r9-heat))!important;
}
/* Hue blending shifts saturated blues to red at peak, without covering legible white text. */
body::after{
 background:#DD273B!important;
 mix-blend-mode:hue!important;
 opacity:var(--zeka-r9-alpha)!important;
 pointer-events:none!important;
 z-index:1700!important;
}
/* The current R7 background is hard-coded blue, and needs to be recolored explicitly. */
.zeka-landing::before{
 background:
 radial-gradient(ellipse 29% 20% at 50% 50%,color-mix(in srgb,#167CDD,#E32B41 var(--zeka-r9-heat)) 0%,color-mix(in srgb,#0751A1,#8E0A22 var(--zeka-r9-heat)) 37%,transparent 100%),
 linear-gradient(90deg,transparent 0%,color-mix(in srgb,#092B6D,#630E22 var(--zeka-r9-heat)) 13%,color-mix(in srgb,#116CF0,#C11B32 var(--zeka-r9-heat)) 32%,color-mix(in srgb,#2CA6F9,#FC5260 var(--zeka-r9-heat)) 43%,color-mix(in srgb,#0D356A,#510916 var(--zeka-r9-heat)) 50%,color-mix(in srgb,#2CA6F9,#FC5260 var(--zeka-r9-heat)) 57%,color-mix(in srgb,#116CF0,#C11B32 var(--zeka-r9-heat)) 68%,color-mix(in srgb,#092B6D,#630E22 var(--zeka-r9-heat)) 87%,transparent 100%)!important;
}
.zeka-landing .z-land-go{
 background:color-mix(in srgb,#071629,#300912 var(--zeka-r9-heat))!important;
 border-color:color-mix(in srgb,#3A8CD4,#E4495B var(--zeka-r9-heat))!important;
}
.zeka-landing .z-land-go:hover{
 background:color-mix(in srgb,#0E2944,#4A101C var(--zeka-r9-heat))!important;
}
.zeka-landing .z-land-modes{border-color:color-mix(in srgb,#304151,#743641 var(--zeka-r9-heat))!important;}
.zeka-landing .z-land-modes button[aria-pressed="true"]{background:#E6EEF8!important;color:#101821!important;box-shadow:0 0 0 1px color-mix(in srgb,transparent,#e4495b var(--zeka-r9-heat))!important;}
/* Keep the selected real Power lamp highlighted after the atmosphere fades. */
#powerSwitch [aria-checked="true"]{outline:1px solid var(--z-blue)!important;outline-offset:-1px;}
#powerCards [aria-checked="true"]{border-color:var(--z-blue)!important;}
/* Red overlays must stay below modal dialogs. */
#zGuestAuthModal,.modal[open],#modal:not([hidden]){z-index:2200!important;}

/* ZEKA R10B — ONLY Start creating button text/background colours.
   No HTML, layout, sizes, borders, Power behaviour or login changes. */
.zeka-landing #zekaEnter.z-land-go,
.zeka-landing #zekaEnter.z-land-go:hover,
.zeka-landing #zekaEnter.z-land-go:focus-visible,
.zeka-landing #zekaEnter.z-land-go:active {
  background: #f7f8fa !important;
  color: #111317 !important;
}
.zeka-landing #zekaEnter.z-land-go > span {
  color: #111317 !important;
}



/* ZEKA R18 SOURCE: zeka-statue.css */
/* ZEKA Statue — design layer (loads LAST).
   Cyrus bust replaces the eye on the landing; chat keeps only the "Think limitless" title.
   Palette is taken from the statue file: charcoal studio, marble white, crown gold, digital cyan.
   Flat, black & white. Colour appears only where a Power level speaks:
   Normal = marble white · X2 = statue red · X3 = statue purple. */

@font-face{font-family:'ZEKA Onest';src:url('/fonts/ZekaOnest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'ZEKA Vazir';src:url('/fonts/ZekaVazirmatn-Arabic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* ───────────────────────── 1 · tokens ───────────────────────── */
html:root{
 --zs-marble:#EEECE8; --zs-stone:#8E8B85; --zs-gold:#EABC6E; --zs-cyan:#00DFE8;
 --zs-x2:#FD122E; --zs-x2-line:#FF3B4E;
 --zs-x3:#6407AF; --zs-x3-line:#A36BF0;
 --zs-ease:cubic-bezier(.2,.7,.2,1);
 --z-ui:'ZEKA Onest','ZEKA Vazir',system-ui,sans-serif!important;
 --z-display:'ZEKA Onest','ZEKA Vazir',system-ui,sans-serif!important;
 --sans:var(--z-ui)!important; --display:var(--z-ui)!important; --latin:var(--z-ui)!important;
 --accent-face:var(--z-ui)!important;
 --r:12px!important; --r-lg:16px!important; --r-sm:9px!important;
}
html:root[data-theme="dark"],html:root:not([data-theme]){
 color-scheme:dark;
 --canvas:#0B0B0C!important; --surface:#111112!important; --surface-2:#18181A!important; --surface-3:#212123!important;
 --field:#0E0E0F!important;
 --ink:#EEECE8!important; --ink-2:#CFCBC4!important; --ink-3:#9A968F!important; --ink-4:#6F6C67!important;
 --line:#1E1E20!important; --line-2:#2A2A2D!important; --line-ctl:#47464B!important;
 --key:#EEECE8!important; --key-2:#FFFFFF!important; --key-on:#0B0B0C!important;
 --z-black:#0B0B0C!important; --zs-glass:rgba(17,17,18,.86);
 --zs-off:#EEECE8; --zs-off-line:#EEECE8; --zs-off-on:#0B0B0C;
}
html:root[data-theme="light"]{
 color-scheme:light;
 --canvas:#F4F2EE!important; --surface:#FBFAF8!important; --surface-2:#ECE9E4!important; --surface-3:#E2DED7!important;
 --field:#FFFFFF!important;
 --ink:#111112!important; --ink-2:#34322F!important; --ink-3:#5E5B56!important; --ink-4:#7C7871!important;
 --line:#E3E0DA!important; --line-2:#D5D1CA!important; --line-ctl:#9C978F!important;
 --key:#111112!important; --key-2:#000!important; --key-on:#F4F2EE!important;
 --z-black:#111112!important; --zs-glass:rgba(250,249,247,.9);
 --zs-off:#111112; --zs-off-line:#111112; --zs-off-on:#F4F2EE;
}
/* the accent = the active Power. --zs-fill: filled button · --zs-line: icon/text on canvas · --zs-on: text on fill */
html:root,html:root[data-zs-power="off"]{--zs-fill:var(--zs-off);--zs-line:var(--zs-off-line);--zs-on:var(--zs-off-on)}
html:root[data-zs-power="x2"]{--zs-fill:var(--zs-x2);--zs-line:var(--zs-x2-line);--zs-on:#fff}
html:root[data-zs-power="x3"]{--zs-fill:var(--zs-x3);--zs-line:var(--zs-x3-line);--zs-on:#fff}
html:root{
 --zs-soft:color-mix(in srgb,var(--zs-line) 12%,transparent);
 --brand:var(--zs-line)!important; --brand-2:var(--zs-line)!important; --sand:var(--zs-line)!important;
 --brand-soft:var(--surface-2)!important; --brand-line:var(--line-2)!important;
 --plum:var(--zs-line)!important; --rose:var(--zs-line)!important; --saffron:var(--zs-line)!important;
 --z-blue:var(--zs-line)!important; --z-blue-light:var(--zs-line)!important; --z-focus:var(--ink-3)!important;
 --garnet:var(--zs-x2-line)!important; --garnet-soft:color-mix(in srgb,var(--zs-x2) 12%,transparent)!important;
 /* Power atmosphere (zeka-power.js): a faint wash, not a red room */
 --z-red:#2A0408!important; --z-ember:#1A0630!important;
 --shadow-1:none!important; --shadow-2:none!important; --shadow-pop:0 10px 30px rgba(0,0,0,.45)!important;
}
html:root body{font-family:var(--z-ui)!important;background:var(--canvas)!important;color:var(--ink)!important}
html:root body::before{display:none!important}
/* flat: the guest colour wash (zeka-guest R9) is retired — colour lives in the controls, not over the marble */
html:root body::after{opacity:0!important;display:none!important}
:focus-visible{outline:2px solid var(--zs-line)!important;outline-offset:2px!important}
::selection{background:var(--zs-fill);color:var(--zs-on)}

/* ───────────────────────── 2 · landing: the statue ───────────────────────── */
html:root .zeka-landing.zs-landing{
 --zs-h:min(92svh,152vw); --zs-top:calc((100svh - var(--zs-h)) / 2 + 1svh);
 position:fixed!important; inset:0!important; display:block; overflow:hidden!important;
 padding:0!important; margin:0!important; gap:0!important; isolation:isolate;
 background:var(--canvas)!important; color:var(--ink)!important;
}
body.z-registered .zeka-landing.zs-landing{display:none!important}
html:root .zeka-landing.zs-landing::before{
 content:""!important; position:absolute!important; inset:0!important; z-index:0!important; pointer-events:none;
 background:radial-gradient(ellipse 34% 46% at 50% 54%,#1C1C1E 0%,#131314 48%,transparent 100%)!important;
 opacity:1!important; filter:none!important; mask:none!important; -webkit-mask:none!important; transform:none!important; animation:none!important;
}
html:root[data-theme="light"] .zeka-landing.zs-landing::before{background:radial-gradient(ellipse 34% 46% at 50% 54%,#E6E3DD 0%,#EEEBE6 50%,transparent 100%)!important}
html:root .zeka-landing.zs-landing::after{display:none!important;content:none!important}

/* nav */
html:root .zs-landing .z-land-nav{position:absolute!important;inset:0 0 auto 0!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 padding:26px clamp(18px,3.2vw,44px)!important;margin:0!important;background:none!important;transform:none!important}
html:root .zs-landing .z-brand{display:flex;align-items:center;gap:11px}
html:root .zs-landing .z-brand-square{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:9px!important;
 background:var(--ink)!important;color:var(--canvas)!important;font:800 16px/1 var(--z-ui)!important;box-shadow:none!important;border:0!important}
html:root .zs-landing .z-brand strong{font:700 15px/1 var(--z-ui)!important;letter-spacing:.32em!important;color:var(--ink)!important}
html:root .zs-landing .z-land-nav>span{display:block!important;font:600 10.5px/1 var(--z-ui)!important;letter-spacing:.34em!important;color:var(--ink-3)!important;text-transform:uppercase}

/* the words sit BEHIND the bust */
html:root .zs-landing .z-land-type{
 position:absolute!important; z-index:1!important; inset:auto 0 auto 0!important;
 top:calc(var(--zs-top) + var(--zs-h) * .055)!important; transform:none!important;
 margin:0!important; padding:0!important; max-width:none!important; width:100%!important;
 display:flex!important; flex-direction:column!important; align-items:center!important;
 font-family:var(--z-display)!important; font-weight:800!important; font-style:normal!important;
 font-size:min(15.2vw,calc(var(--zs-h) * .262))!important; line-height:.84!important; letter-spacing:-.06em!important;
 text-transform:uppercase!important; text-align:center!important; white-space:nowrap!important;
 color:var(--ink)!important; text-shadow:none!important; background:none!important; -webkit-text-fill-color:currentColor!important;
 pointer-events:none; user-select:none;
}
html:root .zs-landing .z-land-type::before,html:root .zs-landing .z-land-type::after{display:none!important;content:none!important}
html:root .zs-landing .z-land-type .zs-w{display:block}
html:root .zs-landing .z-land-type .zs-dot{display:inline-block;width:.15em;height:.15em;margin-inline-start:.04em;border-radius:50%;
 background:var(--zs-fill);vertical-align:baseline;transition:background-color .7s var(--zs-ease)}
html:root[data-zs-power="off"] .zs-landing .z-land-type .zs-dot{background:var(--ink)}

/* the bust — three aligned layers, exactly like the statue file */
html:root .zs-landing .z-land-center.zs-stage{
 position:absolute!important; z-index:2!important; inset:auto!important; left:50%!important; top:var(--zs-top)!important;
 transform:translateX(-50%)!important; display:block!important; order:initial!important; margin:0!important;
 height:var(--zs-h)!important; aspect-ratio:1006/1448; width:auto!important; max-width:100vw; pointer-events:auto!important;
}
.zs-bust{
 --mx:30%; --my:40%; --reveal:0; --r:calc(var(--zs-h) * .205);
 position:relative; width:100%; height:100%; cursor:crosshair; touch-action:pan-y; pointer-events:auto!important;
 filter:drop-shadow(0 28px 44px rgba(0,0,0,.55));
}
.zs-bust[data-power="x2"]{--r:calc(var(--zs-h) * .278)}
.zs-bust[data-power="x3"]{--r:calc(var(--zs-h) * .362)}
.zs-bust img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.zs-bust .zs-gold{
 opacity:var(--reveal);
 -webkit-mask-image:radial-gradient(circle calc(var(--r) * 1.2) at var(--mx) var(--my),#000 0%,#000 62%,rgb(0 0 0 / 55%) 80%,transparent 100%);
         mask-image:radial-gradient(circle calc(var(--r) * 1.2) at var(--mx) var(--my),#000 0%,#000 62%,rgb(0 0 0 / 55%) 80%,transparent 100%);
}
.zs-bust .zs-digital{
 opacity:var(--reveal);
 -webkit-mask-image:radial-gradient(circle calc(var(--r) * 1.9) at var(--mx) var(--my),#000 0%,#000 62%,rgb(0 0 0 / 55%) 80%,transparent 100%),linear-gradient(90deg,#000 52%,transparent 86%);
         mask-image:radial-gradient(circle calc(var(--r) * 1.9) at var(--mx) var(--my),#000 0%,#000 62%,rgb(0 0 0 / 55%) 80%,transparent 100%),linear-gradient(90deg,#000 52%,transparent 86%);
 -webkit-mask-composite:source-in; mask-composite:intersect;
}
.zs-bust{opacity:0;transform:translateY(14px);transition:opacity 1.1s var(--zs-ease),transform 1.4s var(--zs-ease)}
.zs-bust.is-ready{opacity:1;transform:none}

/* bottom: tagline · Start · power segment · countdown */
html:root .zs-landing .z-land-bottom{
 position:absolute!important; z-index:3!important; inset:auto 0 0 0!important; left:0!important; right:0!important; bottom:0!important; transform:none!important;
 display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-end!important; gap:14px!important;
 padding:0 clamp(18px,3.2vw,44px) max(18px,env(safe-area-inset-bottom))!important; margin:0!important; width:auto!important;
 background:none!important; pointer-events:none;
}
html:root .zs-landing .z-land-bottom>*{pointer-events:auto}
html:root .zs-landing .z-land-bottom>p{
 margin:0!important; display:flex!important; flex-direction:column!important; gap:5px!important; text-align:start!important; align-items:flex-start!important; max-width:360px!important;
 position:absolute!important; inset-inline-start:clamp(18px,3.2vw,44px)!important; bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px))!important;
}
html:root .zs-landing .z-land-bottom>p>*{margin:0!important;padding:0!important}
html:root .zs-landing .z-land-bottom>p>span{font:600 15px/1.35 var(--z-ui)!important;color:var(--ink)!important;letter-spacing:-.01em!important}
html:root .zs-landing .z-land-bottom>p>small{font:400 12.5px/1.5 var(--z-ui)!important;color:var(--ink-3)!important;letter-spacing:0!important}
html:root .zs-landing .z-land-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin:0!important;width:auto!important}
html:root .zs-landing .z-land-actions>#zekaEnter{order:0!important}
html:root .zs-landing .z-land-actions>.z-land-modes{order:1!important}
html:root .zs-landing .z-land-actions>.zs-slot{order:2!important}

/* Start — dark glass, same height logic as the statue file */
html:root .zs-landing #zekaEnter.z-land-go,
html:root .zs-landing #zekaEnter.z-land-go:hover,
html:root .zs-landing #zekaEnter.z-land-go:focus-visible,
html:root .zs-landing #zekaEnter.z-land-go:active{
 display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important;
 height:50px!important; min-width:0!important; padding:0 26px!important; border-radius:999px!important;
 font:650 15px/1 var(--z-ui)!important; letter-spacing:.06em!important; text-transform:none!important;
 color:var(--ink)!important; background:var(--zs-glass)!important; border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)!important;
 box-shadow:none!important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
 transition:border-color .5s var(--zs-ease),background-color .4s ease,transform .25s var(--zs-ease)!important;
}
html:root .zs-landing #zekaEnter.z-land-go>span{color:inherit!important}
html:root .zs-landing #zekaEnter.z-land-go:hover{background:color-mix(in srgb,var(--zs-glass),var(--ink) 8%)!important}
html:root .zs-landing #zekaEnter.z-land-go:active{transform:scale(.985)}
html:root .zs-landing #zekaEnter .zs-arrow{display:inline-block;transition:transform .45s var(--zs-ease)}
html:root .zs-landing #zekaEnter:hover .zs-arrow{transform:translate(3px,-3px)}
html:root .zs-landing #zekaEnter.is-running{border-color:var(--zs-line)!important}

/* the three-way power segment */
html:root .zs-landing .z-land-modes{
 display:flex!important; gap:4px!important; padding:5px!important; border-radius:999px!important; margin:0!important; width:auto!important; height:auto!important;
 background:var(--zs-glass)!important; border:1px solid color-mix(in srgb,var(--ink) 9%,transparent)!important; box-shadow:none!important;
 backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
html:root .zs-landing .z-land-modes button,
html:root[data-zeka-guest="1"] .zeka-landing.zs-landing .z-land-modes button[aria-checked]{
 display:inline-flex!important; align-items:center!important; gap:7px!important; height:38px!important; min-width:0!important;
 padding:0 17px!important; border-radius:999px!important; border:1px solid transparent!important;
 font:650 12.5px/1 var(--z-ui)!important; letter-spacing:.06em!important; white-space:nowrap!important;
 color:var(--ink-3)!important; background:transparent!important; box-shadow:none!important; text-shadow:none!important;
 transition:color .45s ease,background-color .55s var(--zs-ease),border-color .55s ease!important; cursor:pointer;
}
html:root .zs-landing .z-land-modes button::before{content:"";width:6px;height:6px;border-radius:50%;flex:none;background:currentColor;opacity:.45;transition:opacity .4s ease,transform .5s var(--zs-ease)}
html:root .zs-landing .z-land-modes button[data-z-mode="x2"]::before{background:var(--zs-x2);opacity:.9}
html:root .zs-landing .z-land-modes button[data-z-mode="x3"]::before{background:var(--zs-x3-line);opacity:.9}
html:root .zs-landing .z-land-modes button:hover{color:var(--ink)!important;background:color-mix(in srgb,var(--ink) 5%,transparent)!important}
html:root .zs-landing .z-land-modes button:hover::before{transform:scale(1.35)}
html:root .zeka-landing.zs-landing .z-land-modes button[data-z-mode="off"][aria-checked="true"]{background:var(--zs-off)!important;color:var(--zs-off-on)!important}
html:root .zeka-landing.zs-landing .z-land-modes button[data-z-mode="off"][aria-checked="true"]::before{background:var(--zs-off-on);opacity:1}
html:root .zeka-landing.zs-landing .z-land-modes button[data-z-mode="x2"][aria-checked="true"]{background:var(--zs-x2)!important;color:#fff!important;border-color:var(--zs-x2)!important}
html:root .zeka-landing.zs-landing .z-land-modes button[data-z-mode="x3"][aria-checked="true"]{background:var(--zs-x3)!important;color:#fff!important;border-color:var(--zs-x3)!important}
html:root .zeka-landing.zs-landing .z-land-modes button:is([data-z-mode="x2"],[data-z-mode="x3"])[aria-checked="true"]::before{background:#fff;opacity:1;animation:zs-beat 1.6s ease-in-out infinite}

/* countdown (statue: "×2 ACTIVE · 12s") — reserved height so nothing jumps */
.zs-slot{display:flex;justify-content:center;height:22px}
.zs-count{width:14rem;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0;transition:opacity .35s ease}
.zs-count.is-on{opacity:1}
.zs-count-label{font:650 10px/1 var(--z-ui);letter-spacing:.3em;color:var(--zs-line);font-variant-numeric:tabular-nums}
.zs-count-track{width:100%;height:1px;background:var(--line-2)}
.zs-count-bar{height:1px;width:0;background:var(--zs-line)}
.zs-count-bar.is-run{width:100%;animation:zs-drain linear forwards}
@keyframes zs-drain{to{width:0}}
@keyframes zs-beat{50%{transform:scale(1.45);opacity:.6}}

/* tablet & phone */
@media (max-width:820px){
  html:root .zeka-landing.zs-landing{--zs-f:16.4vw;--zs-th:calc(var(--zs-f) * 1.62);--zs-avail:calc(100svh - 76px - 240px);--zs-h:min(calc(var(--zs-avail) - var(--zs-th) - 8px),138vw);--zs-slack:calc(var(--zs-avail) - var(--zs-th) - var(--zs-h));--zs-t:calc(76px + var(--zs-slack) * .4);--zs-top:calc(var(--zs-t) + var(--zs-th))}
 html:root .zs-landing .z-land-type{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))!important;box-sizing:border-box!important}
 html:root .zs-landing .z-land-nav>span{display:none!important}
 html:root .zs-landing .z-land-type{top:var(--zs-t)!important;font-size:var(--zs-f)!important}
 html:root .zs-landing .z-land-bottom{gap:12px!important}
 html:root .zs-landing .z-land-bottom>p{position:static!important;align-items:center!important;text-align:center!important;max-width:none!important}
 html:root .zs-landing .z-land-bottom>p>*{margin:0!important;padding:0!important}
html:root .zs-landing .z-land-bottom>p>span{font-size:14px!important}
 html:root .zs-landing .z-land-bottom>p>small{font-size:12px!important}
}
@media (max-width:420px){
 html:root .zs-landing .z-land-modes button,
 html:root[data-zeka-guest="1"] .zeka-landing.zs-landing .z-land-modes button[aria-checked]{padding:0 13px!important;height:36px!important;font-size:12px!important;gap:6px!important}
 html:root .zs-landing #zekaEnter.z-land-go{height:48px!important}
}
@media (max-height:560px) and (min-width:821px){
 html:root .zs-landing .z-land-bottom>p{display:none!important}
}

/* ───────────────────────── 3 · chat: title only, no eye ───────────────────────── */
html:root .z-eye.z-chat-eye,html:root .z-chat-ambient .z-eye,html:root #view-chat .z-eye{display:none!important}
html:root #view-chat .z-chat-hero{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;
 background:none!important;padding:0!important;margin:auto!important;min-height:42svh}
html:root #view-chat .z-chat-hero h2,html:root #view-chat .z-chat-ambient-title{
 display:block!important; margin:0!important; padding:0!important; position:static!important; transform:none!important;
 font-family:var(--z-display)!important; font-weight:800!important; font-style:normal!important;
 font-size:clamp(38px,6.4vw,92px)!important; line-height:.9!important; letter-spacing:-.055em!important;
 text-transform:uppercase!important; text-align:center!important; color:var(--ink)!important; opacity:1!important;
 text-shadow:none!important; background:none!important; -webkit-text-fill-color:currentColor!important;
 animation:zs-rise .9s var(--zs-ease) both;
}
html:root #view-chat .z-chat-hero h2::after,html:root #view-chat .z-chat-ambient-title::after{
 content:""!important; display:inline-block!important; width:.15em; height:.15em; margin-inline-start:.05em; border-radius:50%;
 background:var(--zs-line); position:static!important; transition:background-color .7s var(--zs-ease)}
html:root #view-chat .z-chat-hero h2::before,html:root #view-chat .z-chat-ambient-title::before{display:none!important;content:none!important}
@keyframes zs-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ───────────────────────── 4 · studio skin: flat black & white ───────────────────────── */
html:root .shell,html:root main,html:root .view,html:root #view-chat{background-color:var(--canvas)}
html:root:not([data-atmo="on"]) :is(.shell,main,.view,#view-chat){background:var(--canvas)!important}

/* older skins re-declare navy tokens ON the composers and popovers — reset them there too */
html:root[data-theme="dark"] :is(#view-chat .composer,#view-image .studio .studio-composer,#view-video .studio .studio-composer,#view-music .studio .studio-composer,body>.pop[id^="pop-"],body>.z-compact-pop,.pop,.z-model-pop){
 --surface:#111112!important; --surface-2:#18181A!important; --surface-3:#212123!important; --field:#0E0E0F!important;
 --ink:#EEECE8!important; --ink-2:#CFCBC4!important; --ink-3:#9A968F!important; --ink-4:#6F6C67!important;
 --line:#1E1E20!important; --line-2:#2A2A2D!important; --line-ctl:#47464B!important;
 --key:#EEECE8!important; --key-2:#FFFFFF!important; --key-on:#0B0B0C!important;
 --brand:var(--zs-line)!important; --brand-2:var(--zs-line)!important; --brand-soft:#18181A!important; --brand-line:#2A2A2D!important;
}
html:root[data-theme="dark"] :is(body>.pop[id^="pop-"],body>.z-compact-pop){background:#111112!important;color:#EEECE8!important;border-color:#2A2A2D!important}
html:root[data-theme="dark"] .rail{background:var(--canvas)!important;border-color:var(--line)!important}

/* rail */
html:root .rail{background:var(--canvas)!important;border-inline-end:1px solid var(--line)!important}
html:root .rail .brandline .z{background:var(--ink)!important;color:var(--canvas)!important;border:0!important;border-radius:9px!important}
html:root .rail .brandline .z::after{background:var(--zs-fill)!important;box-shadow:0 0 0 2px var(--canvas)!important}
html:root[data-zs-power="off"] .rail .brandline .z::after{background:var(--ink-3)!important}
html:root .rail .brandline b{color:var(--ink)!important;letter-spacing:.26em!important}
html:root .rail .brandline span{color:var(--ink-4)!important}
html:root .rail-label{color:var(--ink-4)!important;font-weight:600!important;letter-spacing:.14em!important}
html:root .rail .nav{color:var(--ink-3)!important;background:transparent!important;border:1px solid transparent!important}
html:root .rail .nav:hover{color:var(--ink)!important;background:var(--surface)!important}
html:root .rail .nav.on{color:var(--ink)!important;background:var(--surface-2)!important;border-color:var(--line-2)!important;font-weight:600!important}
html:root .rail .nav svg{color:inherit}
html:root .rail .nav.on svg{color:var(--zs-line)!important}
html:root .rail .nav .tip{background:transparent!important}
html:root .rail .nav.on .tip{background:var(--zs-line)!important;box-shadow:none!important}
html:root :is(.newchat,.btn.key){background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;box-shadow:none!important}
html:root :is(.newchat,.btn.key):hover{background:var(--surface-3)!important;border-color:var(--line-ctl)!important}
html:root .rail-card{background:transparent!important;border:1px solid var(--line-2)!important;color:var(--ink-3)!important;box-shadow:none!important}
html:root .rail-card .k i{background:var(--zs-x2)!important;box-shadow:none!important}
html:root .chats-search,html:root #mediaHistorySearch{background:var(--field)!important;border:1px solid var(--line-2)!important;color:var(--ink)!important}
html:root .chats-search::placeholder{color:var(--ink-4)!important}

/* headings: one family, one weight scale */
html:root .head h1,html:root .head h1 em{font-family:var(--z-ui)!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--ink)!important}
html:root .head h1 em{color:var(--ink)!important}
html:root .head p{color:var(--ink-3)!important}

/* composer */
html:root[data-theme] :is(#view-chat .composer,#view-image .studio .studio-composer,#view-video .studio .studio-composer,#view-music .studio .studio-composer,.studio .studio-composer){background:var(--surface)!important;border:1px solid var(--line-2)!important;box-shadow:none!important;border-radius:18px!important}
html:root[data-theme] :is(#view-chat .composer,#view-image .studio .studio-composer,#view-video .studio .studio-composer,#view-music .studio .studio-composer,.studio .studio-composer):focus-within{border-color:var(--line-ctl)!important;box-shadow:none!important}
html:root[data-theme] :is(#view-chat .composer,#view-image .studio-composer,#view-video .studio-composer,#view-music .studio-composer) textarea{background:transparent!important;color:var(--ink)!important}
html:root[data-theme] :is(#view-chat .composer,#view-image .studio-composer,#view-video .studio-composer,#view-music .studio-composer) textarea::placeholder{color:var(--ink-4)!important}
html:root .composer .tool{color:var(--ink-2)!important;background:transparent!important;border:1px solid var(--line-2)!important}
html:root .composer .tool:hover{background:var(--surface-2)!important;color:var(--ink)!important}
/* send = the accent: white / red / purple */
html:root[data-theme] :is(#view-chat .composer,#view-image .studio-composer,#view-video .studio-composer,#view-music .studio-composer,.composer) .send:not(.stop){
 background:var(--zs-fill)!important;color:var(--zs-on)!important;border:0!important;box-shadow:none!important;
 transition:background-color .6s var(--zs-ease),transform .2s var(--zs-ease)!important}
html:root :is(.composer,.studio-composer) .send:not(.stop):hover{filter:brightness(1.08)}
html:root :is(.composer,.studio-composer) .send:not(.stop):active{transform:scale(.94)}
html:root .composer .send.stop{background:var(--surface-3)!important;color:var(--ink)!important;border:1px solid var(--line-ctl)!important}
/* model pill */
html:root[data-theme] #view-chat .composer #modelPill,html:root[data-theme] .z-model-trigger{background:transparent!important;border:1px solid var(--line-2)!important;color:var(--ink)!important;box-shadow:none!important}
html:root[data-theme] #view-chat .composer #modelPill:hover{background:var(--surface-2)!important}
html:root[data-theme] #view-chat .composer #modelPill .model-symbol,html:root .z-model-trigger .model-symbol{color:var(--zs-line)!important;transition:color .6s ease}
/* prompt enhancer: neutral outline, the ✦ speaks the power colour */
html:root[data-theme] :is(#view-chat .composer,.studio-composer,body) .z-enhance-btn{color:var(--ink-3)!important;background:transparent!important;border:1px solid var(--line-2)!important;box-shadow:none!important;border-radius:999px!important}
html:root[data-theme] :is(#view-chat .composer,.studio-composer,body) .z-enhance-btn:hover{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line-ctl)!important}
html:root .z-enhance-btn .zs-star{display:inline-block;color:var(--zs-line);transition:transform .6s var(--zs-ease),color .6s ease}
html:root .z-enhance-btn:hover .zs-star{transform:rotate(90deg) scale(1.15)}
html:root .z-enhance-undo{color:var(--ink-3)!important;border-color:var(--line-2)!important;background:transparent!important}

/* power switch in the composer: X3 · Normal · X2, each lamp in its own colour */
html:root .z-power{border:1px solid var(--line-2)!important;background:transparent!important}
html:root .z-power button{--c:var(--zs-off);color:var(--ink-3)!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
html:root .z-power button[data-power="x2"]{--c:var(--zs-x2)}
html:root .z-power button[data-power="x3"]{--c:var(--zs-x3-line)}
html:root .z-power button i{background:var(--c)!important;opacity:.5;box-shadow:none!important;transition:opacity .4s ease,transform .5s var(--zs-ease),background-color .5s ease!important}
html:root .z-power button[data-power="off"] i{background:var(--ink-4)!important}
html:root .z-power button:hover{color:var(--ink)!important}
html:root .z-power button:hover i{opacity:1;transform:scale(1.3)}
html:root .z-power button[aria-checked="true"]{outline:0!important}
html:root .z-power button[data-power="off"][aria-checked="true"]{background:var(--zs-off)!important;color:var(--zs-off-on)!important}
html:root .z-power button[data-power="off"][aria-checked="true"] i{background:var(--zs-off-on)!important;opacity:1}
html:root .z-power button[data-power="x2"][aria-checked="true"]{background:var(--zs-x2)!important;color:#fff!important}
html:root .z-power button[data-power="x3"][aria-checked="true"]{background:var(--zs-x3)!important;color:#fff!important}
html:root .z-power button:is([data-power="x2"],[data-power="x3"])[aria-checked="true"] i{background:#fff!important;opacity:1;animation:zs-beat 1.6s ease-in-out infinite}
html:root .z-power-note[data-level="x2"]{--c:var(--zs-x2)!important}
html:root .z-power-note[data-level="x3"]{--c:var(--zs-x3-line)!important}
html:root .z-x2-btn{--c:var(--zs-x2)!important}
html:root .z-x2-btn[aria-pressed="true"]{background:color-mix(in srgb,var(--zs-x2) 14%,transparent)!important;border-color:var(--zs-x2)!important;color:var(--ink)!important}
html:root .z-x2-btn[aria-pressed="true"] i{background:var(--zs-x2)!important;box-shadow:none!important}

/* settings power cards — each card carries its own colour */
html:root #powerCards [data-power]{background:var(--surface)!important;border:1px solid var(--line-2)!important;box-shadow:none!important;transition:border-color .5s ease,background-color .5s ease}
html:root #powerCards [data-power] b{color:var(--ink)!important}
html:root #powerCards [data-power] em{color:var(--ink-3)!important;font-style:normal!important}
html:root #powerCards [data-power="off"][aria-checked="true"]{border-color:var(--zs-off)!important}
html:root #powerCards [data-power="x2"][aria-checked="true"]{border-color:var(--zs-x2)!important;background:color-mix(in srgb,var(--zs-x2) 7%,var(--surface))!important}
html:root #powerCards [data-power="x3"][aria-checked="true"]{border-color:var(--zs-x3-line)!important;background:color-mix(in srgb,var(--zs-x3) 10%,var(--surface))!important}
html:root #powerCards [data-power="x2"][aria-checked="true"] em{color:var(--zs-x2-line)!important}
html:root #powerCards [data-power="x3"][aria-checked="true"] em{color:var(--zs-x3-line)!important}

/* chips, pills, pops, fields, tabs, panels */
html:root :is(.chip,.pill){background:transparent!important;border:1px solid var(--line-2)!important;color:var(--ink-2)!important}
html:root :is(.chip,.pill):hover{background:var(--surface-2)!important;color:var(--ink)!important}
html:root :is(.chip,.pill)[aria-expanded="true"]{border-color:var(--line-ctl)!important;color:var(--ink)!important}
html:root .chip .lbl{color:var(--ink-4)!important}
html:root :is(.pop,.z-model-pop,.plus-menu,.z-skill-hint){background:var(--surface)!important;border:1px solid var(--line-2)!important;box-shadow:var(--shadow-pop)!important}
html:root :is(.panel,.card,.stat){background:var(--surface)!important;border-color:var(--line-2)!important;box-shadow:none!important}
html:root :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){border-color:var(--line-2)!important}
html:root :is(input,select,textarea):focus{border-color:var(--line-ctl)!important;box-shadow:none!important;outline:0}
html:root .families button[aria-pressed="true"],html:root .families button.on,html:root .sc-cats button.on,html:root .sc-cats button[aria-pressed="true"],
html:root .z-settings-tabs button[aria-pressed="true"],html:root .sc-seg button.on,html:root .sc-seg button[aria-pressed="true"]{
 background:var(--ink)!important;color:var(--canvas)!important;border-color:var(--ink)!important}
html:root .models button[aria-selected="true"],html:root .models .on{border-color:var(--zs-line)!important;background:var(--surface-2)!important}
html:root label.check input:checked{accent-color:var(--zs-fill)}
html:root[data-theme="dark"] label.check input:checked{background:var(--zs-fill)!important;border-color:var(--zs-fill)!important}
html:root .zeka-key-notice{background:var(--surface)!important;border:1px solid var(--line-2)!important;color:var(--ink-2)!important;box-shadow:none!important}
html:root .zeka-key-notice strong{color:var(--ink)!important}
html:root .zeka-key-notice button{background:var(--ink)!important;color:var(--canvas)!important;border:0!important}
html:root .toast{background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;box-shadow:var(--shadow-pop)!important}
html:root .zeka-build-badge{color:var(--ink-4)!important;background:transparent!important;border-color:var(--line)!important}
html:root #zGuestAuthPanel{background:var(--surface)!important;border:1px solid var(--line-2)!important;color:var(--ink)!important;box-shadow:var(--shadow-pop)!important}
html:root #zGuestAuthPanel input{background:var(--field)!important;color:var(--ink)!important}
html:root #zGuestAuthPanel .z-guest-submit{background:var(--ink)!important;color:var(--canvas)!important;border:0!important}
html:root #zGuestAuthPanel .z-guest-google,html:root #zGuestAuthPanel .z-guest-switch{color:var(--ink-2)!important;border-color:var(--line-2)!important;background:transparent!important}

/* phone composer: the model pill takes what is left instead of truncating early */
@media (max-width:480px){html:root #view-chat .composer .bar{gap:6px!important}html:root #view-chat .composer #modelPill{flex:1 1 auto!important;min-width:0!important;max-width:none!important}html:root #view-chat .composer .bar>.grow{display:none!important}html:root #view-chat .composer #powerSwitch{margin-inline-start:auto!important}}

/* ───────────────────────── 5 · icon micro-motion ───────────────────────── */
html:root :is(.rail .nav,.newchat,.tool,.send,.chip,.pill,.btn,.icon-btn,.rail-toggle,.burger,.z-model-trigger) svg{
 transition:transform .45s var(--zs-ease),color .6s ease!important;transform-origin:50% 50%}
html:root .rail .nav:hover svg{transform:translateY(-1px) scale(1.12)}
html:root .rail .nav.on svg{animation:zs-pop .55s var(--zs-ease)}
html:root .rail .nav[data-view="settings"]:hover svg{transform:rotate(60deg) scale(1.08)}
html:root .rail .nav[data-view="music"]:hover svg{transform:rotate(-10deg) scale(1.1)}
html:root .rail .nav[data-view="prompts"]:hover svg,html:root .z-model-trigger:hover .model-symbol svg{transform:rotate(90deg) scale(1.1)}
html:root .rail .nav[data-view="video"]:hover svg{transform:translateX(2px) scale(1.1)}
html:root :is(.newchat,.tool):hover svg{transform:rotate(90deg)}
html:root .send:not(.stop):hover svg{transform:translateY(-2px)}
html:root .send.stop:hover svg{transform:scale(.88)}
html:root :is(.rail-toggle,.burger):hover svg{transform:scale(1.1)}
html:root .chip:hover .caret,html:root .z-model-trigger:hover .model-chevron svg{transform:translateY(2px)}
html:root[data-zs-anim="1"] :is(.rail .nav.on svg,.send:not(.stop),.z-model-trigger .model-symbol,.rail .brandline .z){animation:zs-pop .6s var(--zs-ease)}
@keyframes zs-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
 .zs-bust,.zs-count,.zs-count-bar,html:root *{animation:none!important;transition-duration:.01ms!important}
}

/* startup error card: same flat surface as the rest */
html:root .zeka-boot-error{background:var(--surface)!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--zs-x2) 55%,var(--line-2))!important;box-shadow:var(--shadow-pop)!important}
html:root .zeka-boot-error button{background:var(--ink)!important;color:var(--canvas)!important;border:0!important}

/* ───────────────────────── 6 · round 3 fixes ───────────────────────── */
/* Prompt Enhancer: small, no icon, green */
html:root{--zs-green:#3FCF8E}
html:root[data-theme="light"]{--zs-green:#138A55}
html:root .z-enhance-btn .zs-star{display:none!important}
html:root[data-theme] :is(#view-chat .composer,.studio-composer,body) .z-enhance-btn{
 color:var(--zs-green)!important;border:1px solid color-mix(in srgb,var(--zs-green) 45%,transparent)!important;background:transparent!important;
 height:24px!important;min-height:24px!important;padding:0 10px!important;gap:0!important;font:600 11px/1 var(--z-ui)!important;letter-spacing:.02em!important;border-radius:999px!important}
html:root[data-theme] :is(#view-chat .composer,.studio-composer,body) .z-enhance-btn:hover{color:var(--zs-green)!important;background:color-mix(in srgb,var(--zs-green) 10%,transparent)!important;border-color:var(--zs-green)!important}
html:root .z-enhance-undo{height:24px!important;min-height:24px!important;padding:0 10px!important;font-size:11px!important}

/* API-key chip in the sidebar: removed */
html:root #railCard,html:root .rail .rail-card{display:none!important}

/* mobile menu backdrop */
html:root .scrim{background:rgba(0,0,0,.6)!important}

/* collapsible sidebar: one clean icon column, nothing overlaps */
@media (min-width:1060px){
 html:root body.rail-min .shell{grid-template-columns:64px minmax(0,1fr)!important}
 html:root body.rail-min .rail{width:64px!important;min-width:64px!important;max-width:64px!important;padding:16px 10px!important;align-items:center!important;gap:6px!important;overflow:hidden!important}
 html:root body.rail-min .rail .brandline{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;height:auto!important;margin:0 0 6px!important;padding:0!important}
 html:root body.rail-min .rail .brandline .z{display:grid!important;width:40px!important;height:40px!important;flex:none!important}
 html:root body.rail-min .rail .brandline .txt{display:none!important}
 html:root body.rail-min .rail .rail-toggle{display:grid!important;place-items:center!important;position:static!important;width:42px!important;height:42px!important;margin:0!important;border-radius:11px!important;border:1px solid var(--line-2)!important;background:transparent!important;color:var(--ink-2)!important}
 html:root body.rail-min .rail :is(.newchat,.nav){width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;margin:0 auto!important;gap:0!important;font-size:0!important;justify-content:center!important;flex:none!important;border-radius:11px!important}
 html:root body.rail-min .rail :is(.newchat,.nav) svg{width:19px!important;height:19px!important;margin:0!important;flex:none!important}
 html:root body.rail-min .rail :is(.rail-label,.chats-search,.threads-list,.z-media-history-pane,.prefs,.tip){display:none!important}
 html:root body:not(.rail-min) .zeka-rail-reopen{display:none!important}
 html:root .rail{transition:width .35s var(--zs-ease),padding .35s var(--zs-ease)}
}

/* music: the Instrumental checkbox was stretched to 100% width */
html:root #musicExtra{overflow-x:hidden!important;max-width:100%!important}
html:root #musicExtra input[type="checkbox"]{width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;flex:none!important;accent-color:var(--zs-fill)}
html:root #musicExtra .check{display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:0!important}
html:root #musicExtra .pair{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-width:0!important}

/* model menus & small popovers: no blue */
html:root :is(.pop,.z-model-pop,.z-compact-pop) input[type="search"]{background:var(--field)!important;border:1px solid var(--line-2)!important;color:var(--ink)!important;box-shadow:none!important}
html:root :is(.pop,.z-model-pop,.z-compact-pop) input[type="search"]:focus{border-color:var(--line-ctl)!important;outline:0!important}
html:root :is(.models .model,.mhead){color:var(--ink)!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html:root :is(.models .model,.mhead):hover,html:root .mrow.open>.mhead{background:var(--surface-2)!important}
html:root .models .model.on{background:var(--surface-2)!important}
html:root .models .model.on::after{color:var(--zs-line)!important;border-color:var(--zs-line)!important;background-color:transparent}
html:root .models .model.on svg,html:root .models .model.on .ic{color:var(--zs-line)!important}
html:root .models .mcur{color:var(--ink-3)!important}
html:root .models .z-model-reason,html:root .models small{color:var(--ink-4)!important}
html:root .mrow .sub{background:var(--surface)!important;border:1px solid var(--line-2)!important;box-shadow:var(--shadow-pop)!important}
html:root[data-theme] :is(.chip,.pill,.z-fb-settings-body .chip)[aria-expanded="true"]{border-color:var(--line-ctl)!important;box-shadow:none!important;outline:0!important}
html:root input[type="range"]{accent-color:var(--zs-fill)}
html:root input[type="range"]::-webkit-slider-thumb{background:var(--zs-fill)!important;border-color:var(--zs-fill)!important;box-shadow:none!important}
html:root input[type="range"]::-moz-range-thumb{background:var(--zs-fill)!important;border-color:var(--zs-fill)!important}
html:root .z-fb-settings-details summary svg{color:var(--ink-3)!important}

/* ───────────────────────── 7 · phone & tablet: settings row + bottom sheets ───────────────────────── */
@media (max-width:1059px){
 /* Model settings become one wrapping row of chips above the composer — no card, no collapse, no inner scroll */
 html:root :is(#view-image,#view-video,#view-music) .studio>.z-fb-model-settings{
  position:static!important;inset:auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;
  margin:0 0 8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;align-self:stretch!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-details{max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-details>summary{display:none!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;padding:0!important;margin:0!important;border:0!important;max-height:none!important;overflow:visible!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body .z-fb-field-title{display:none!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body :is(.z-fb-field-group,.chiprow){display:contents!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body .note,html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body .z-fb-empty{display:none!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body :is(.popwrap,.field,.demo-option){display:inline-flex!important;width:auto!important;min-width:0!important;margin:0!important;flex:0 1 auto!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body .chip{height:32px!important;min-height:32px!important;width:auto!important;max-width:100%!important;padding:0 10px!important;gap:6px!important;font-size:12px!important;border-radius:999px!important;justify-content:flex-start!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body .chip .lbl{font-size:11px!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body .chip .val{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body .chip>svg.ic{width:15px!important;height:15px!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body label.check{display:inline-flex!important;height:32px!important;padding:0 10px!important;border:1px solid var(--line-2)!important;border-radius:999px!important;font-size:12px!important;gap:6px!important;margin:0!important}
 /* music details open as compact fields across the full width */
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra{flex:1 0 100%!important;order:9;padding:6px 0 0!important;display:grid!important;grid-template-columns:1fr auto;gap:8px!important;align-items:end}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra[hidden]{display:none!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra>.field:first-child{grid-column:1 / -1}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra .pair{grid-column:1 / -1;display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:8px!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra .field{display:grid!important;gap:4px!important;margin:0!important;width:auto!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra .field>span{font-size:11px!important;color:var(--ink-3)!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra textarea{min-height:58px!important;height:58px!important;resize:none!important;padding:8px 10px!important;font-size:13px!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra input[type="text"],html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra input[type="number"]{height:36px!important;min-height:36px!important;padding:0 10px!important;font-size:13px!important}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra #musicFlowControls{grid-column:1 / -1}
 html:root[data-theme] :is(#view-image,#view-video,#view-music) .z-fb-settings-body #musicExtra .check{height:36px!important}

 /* menus open as one bottom sheet at a time, above a dimmed page */
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important;max-width:560px!important;margin-inline:auto!important;max-height:calc(100svh - 72px)!important;z-index:1300!important;
  border-radius:18px!important;transform:none!important;overflow:visible!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet :is(.models,.z-compact-list){max-height:none!important;overflow:visible!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet :is(.models .model,.mhead,.z-compact-choice){min-height:40px!important;padding:8px 12px!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet .mrow>.sub{position:static!important;inset:auto!important;transform:none!important;display:none!important;width:auto!important;min-width:0!important;max-height:none!important;
  margin:2px 0 4px!important;padding:0 0 0 12px!important;background:transparent!important;border:0!important;border-inline-start:1px solid var(--line-2)!important;border-radius:0!important;box-shadow:none!important}
 html:root[dir="rtl"] :is(#chatPickerPane,body>.pop).zs-sheet .mrow>.sub{padding:0 12px 0 0!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet .mrow>.sub::before{display:none!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet .mrow.open>.sub{display:block!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet .mrow .mchev{transition:transform .3s var(--zs-ease)!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet .mrow:not(.open) .mchev{transform:none!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet .mrow.open .mchev{transform:rotate(180deg)!important}
 html:root[data-theme] :is(#chatPickerPane,#zsNoId,body>.pop).zs-sheet input[type="search"]{height:40px!important}
}
#zsSheetBack{position:fixed;inset:0;z-index:1290;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}
#zsSheetBack.on{opacity:1;pointer-events:auto}

/* text fields show focus through their own border, never a second ring */
html:root :is(textarea,input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],input[type="url"]):focus-visible{outline:0!important}
html:root[data-theme] #view-chat .composer:focus-within{border-color:var(--line-ctl)!important}

/* settings tabs: one even segmented row; library toolbar: tidy two-column grid on phones */
@media (max-width:640px){
 html:root #view-settings .z-settings-tabs{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px!important;padding:4px!important;margin:0 0 14px!important;
  border:1px solid var(--line-2)!important;border-radius:12px!important;overflow:visible!important;flex-wrap:nowrap!important}
 html:root #view-settings .z-settings-tabs button{min-width:0!important;min-height:34px!important;height:auto!important;padding:4px!important;border:0!important;border-radius:9px!important;
  font-size:11px!important;line-height:1.15!important;white-space:normal!important;overflow:hidden!important;text-align:center!important;background:transparent!important;color:var(--ink-3)!important}
 html:root #view-settings .z-settings-tabs button[aria-pressed="true"]{background:var(--ink)!important;color:var(--canvas)!important}
 html:root #view-settings .z-settings-tabs button:is([data-z-settings-tab="account"]):not([aria-pressed]){display:none}
 html:root #view-library .toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 html:root #view-library .toolbar>#libSearch{grid-column:1 / -1}
 html:root #view-library .toolbar>.grow{display:none!important}
 html:root #view-library .toolbar>*{width:100%!important;min-width:0!important;margin:0!important}
}

/* phone: Power cards sit side by side (name + cost); the model list under them explains the rest */
@media (max-width:640px){
 html:root #powerCards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html:root #powerCards [data-power]{min-width:0!important;padding:10px 8px!important;gap:4px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;border-radius:12px!important}
 html:root #powerCards [data-power]>span,html:root #powerCards [data-power]>small{display:none!important}
 html:root #powerCards [data-power] b{font-size:13px!important}
 html:root #powerCards [data-power] em{font-size:11px!important;line-height:1.3!important}
 html:root #view-settings #systemPrompt{min-height:84px!important;height:84px!important}
 html:root #view-settings .panel{padding:14px!important}
 html:root #view-settings label.check{font-size:12.5px!important;line-height:1.45!important}
}

/* collapsed sidebar: hide credits chip (prevents "19.credit" clip at 64px) */
@media (min-width:1060px){
 html:root body.rail-min #zwAccount,html:root body.rail-min .z-web-account{display:none!important}
}


/* ZEKA MOBILE M2 SAFE / BEGIN */
/* ZS-M2:BEGIN */
/* ───────────────────── ZS-M2 · phone & tablet: the words run behind the bust ─────────────────────
   Measured from the bust silhouette: the marble is 47% of the box at the crown (y 12-16%),
   drops to 12-32% in the gap between crown and head (y 20-34%), and widens again at the face
   (38%) and shoulders (76%). The two lines are placed across that gap, so the ends of the
   words stay clear of the marble and only their middles pass behind it. */
@media (max-width:820px){
 html:root .zeka-landing.zs-landing{
  --zs-bottom:185px;                                   /* was 240: the controls are 20% smaller */
  --zs-avail:calc(100svh - 76px - var(--zs-bottom));
  --zs-h:min(var(--zs-avail),193vw);                   /* the title no longer steals height: ~ +40% */
  /* the two lines must stay inside the 14%-tall gap, so on a short screen the type follows the bust */
  --zs-f:min(16.4vw,calc(var(--zs-avail) * .115));
  --zs-th:calc(var(--zs-f) * 1.62);
  --zs-slack:calc(var(--zs-avail) - var(--zs-h));
  --zs-top:calc(76px + var(--zs-slack) * .5);
  --zs-t:calc(var(--zs-top) + var(--zs-h) * .305 - var(--zs-th) * .5);  /* centred on the gap */
 }
 html:root .zs-landing .z-land-type{top:var(--zs-t)!important;font-size:var(--zs-f)!important}
 /* controls: 20% smaller, which drops the Start button ~16% closer to the bottom edge */
 html:root .zs-landing .z-land-bottom{gap:10px!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important}
 html:root .zs-landing .z-land-actions{gap:6px!important}
 html:root .zs-landing #zekaEnter.z-land-go,
 html:root .zs-landing #zekaEnter.z-land-go:hover,
 html:root .zs-landing #zekaEnter.z-land-go:focus-visible,
 html:root .zs-landing #zekaEnter.z-land-go:active{height:40px!important;min-height:40px!important;max-height:40px!important;min-width:0!important;padding:0 22px!important;font:650 12px/1 var(--z-ui)!important;gap:8px!important}
 html:root .zs-landing .z-land-modes button,
 html:root[data-zeka-guest="1"] .zeka-landing.zs-landing .z-land-modes button[aria-checked]{height:29px!important;min-height:29px!important;max-height:29px!important;padding:0 10px!important;font-size:10px!important;gap:5px!important}
}
@media (max-width:420px){
 html:root .zs-landing .z-land-modes button,
 html:root[data-zeka-guest="1"] .zeka-landing.zs-landing .z-land-modes button[aria-checked]{height:29px!important;min-height:29px!important;max-height:29px!important;padding:0 10px!important;font-size:10px!important}
 html:root .zs-landing #zekaEnter.z-land-go{height:40px!important;min-height:40px!important;max-height:40px!important}
}
/* ZS-M2:END */
/* ZEKA MOBILE M2 SAFE / END */