/* The first conversation has a quiet welcome, independent of the Zevol workspace. */
html:not([data-workspace-mode=zevol]) body.personal-welcome{background:#f9f8f5!important}
.personal-welcome #personalWelcome{position:fixed;inset:0;display:grid;place-items:center;z-index:900;background:#f9f8f5;color:#21211f;padding:24px 24px 160px;pointer-events:none}
#personalWelcome h1{font:400 clamp(25px,3vw,42px)/1.3 "Google Sans",system-ui,sans-serif;text-align:center;max-width:720px;animation:welcome-reveal .65s ease both}
body.personal-welcome #sidebar,body.personal-welcome .header-bar,body.personal-welcome #idleComposerBrand,body.personal-welcome #temporaryChatNotice,body.personal-welcome #chat-scroller,body.personal-welcome #predictiveSuggestions,body.personal-welcome .predictive-suggestions{visibility:hidden!important}
body.personal-welcome .input-region{position:fixed!important;inset:auto 0 max(18px,env(safe-area-inset-bottom))!important;margin:0 auto!important;width:min(800px,calc(100vw - 32px))!important;z-index:901;transform:none;animation:welcome-composer .7s cubic-bezier(.2,.7,.2,1) .3s both}
body.personal-welcome .composer{background:white!important;color:#21211f!important;box-shadow:0 2px 18px #1717170c!important}
body.personal-welcome .composer #composerAddMenu{color:var(--z-text)}
body.welcome-chat-enter #chat-scroller,body.welcome-chat-enter #sidebar{animation:welcome-reveal .4s ease both}
.account-memory-dialog .knowledge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px}
.account-memory-dialog .knowledge-heading h3{margin:0;font-size:15px;font-weight:500}
.account-memory-dialog .known-score{font-size:24px;color:var(--z-text);font-variant-numeric:tabular-nums}
.account-memory-dialog progress{width:100%;height:4px;accent-color:var(--z-text)}
.account-memory-dialog .knowledge-editor{display:block;box-sizing:border-box;width:100%;min-height:170px;resize:vertical;max-height:35dvh;border:1px solid var(--z-line,#ddd);border-radius:12px;padding:14px;background:var(--z-page,#faf9f8);color:inherit;font:13px/1.6 ui-monospace,monospace}
.account-memory-dialog .knowledge-actions{display:flex;gap:8px;margin:12px 0}.account-memory-dialog .knowledge-hint{font-size:12px;color:var(--z-text-secondary,#777)}
@keyframes welcome-reveal{from{opacity:0}to{opacity:1}}@keyframes welcome-composer{from{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#personalWelcome h1,body.personal-welcome .input-region,body.welcome-chat-enter #chat-scroller,body.welcome-chat-enter #sidebar{animation:none}}
html:root[data-zexir-resolved-theme] body.index-workspace.personal-welcome #sidebar,html:root[data-zexir-resolved-theme] body.index-workspace.personal-welcome .header-bar,body.personal-welcome .legal-foot{display:none!important}
html:root:not([data-workspace-mode=zevol]) body.index-workspace.personal-welcome .viewport>.input-region{left:0!important;right:0!important;transform:none!important;animation:none!important;padding:0!important;max-width:800px!important}
html:not([data-workspace-mode=zevol]) body.index-workspace.personal-welcome .input-region>.composer{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box;animation:welcome-composer .7s cubic-bezier(.2,.7,.2,1) .3s both}
@media(prefers-reduced-motion:reduce){html:not([data-workspace-mode=zevol]) body.index-workspace.personal-welcome .input-region>.composer{animation:none}}
/* The welcome stays warm and readable even when the saved theme is dark. */
html:root[data-zexir-resolved-theme] body.index-workspace.personal-welcome .input-region{--z-page:#f9f8f5;--z-surface:#fff;--z-surface-hover:#f0efec;--z-control:#f0efec;--z-menu-selected:#f0efec;--z-text:#21211f;--z-text-secondary:#757572;--z-text-tertiary:#858585;--z-line:#e6e5e1;--z-palette-primary:#171717;--z-palette-on-primary:#fff;background:transparent!important}
html:root[data-zexir-resolved-theme] body.index-workspace.personal-welcome .input-region .composer :is(#addContentBtn,#micBtn) img{filter:none!important}
html:root[data-zexir-resolved-theme] body.index-workspace.personal-welcome .input-region .composer:has(#userInput) #sendBtn:not(:disabled){background:#171717!important;border-color:#171717!important;color:#fff!important}
html:root[data-zexir-resolved-theme] body.index-workspace.personal-welcome .input-region .composer:has(#userInput) #sendBtn:not(:disabled) :is(img,#btnIcon){filter:brightness(0) invert(1)!important}