@font-face{font-family:Inter;src:url('/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600 700;font-display:swap}
html.aether-ui:not(.dark):not(.high-contrast-dark):not(.high-contrast-light),html.aether-ui.light{
 --surface-primary:255 255 255;--surface-secondary:244 248 251;--surface-tertiary:237 244 249;
 --surface-hover:240 245 250;--surface-active:220 234 248;--surface-submit:24 45 66;--surface-submit-hover:36 68 95;
 --text-primary:24 45 66;--text-secondary:95 120 148;--text-secondary-alt:95 120 148;--text-tertiary:95 120 148;
 --accent-primary:24 45 66;--accent-primary-hover:36 68 95;--border-light:220 229 239;--border-medium:122 142 163;
 --ring-primary:43 111 166;--link:40 95 143;
}
html.aether-ui{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html.aether-ui.dark{--surface-primary:16 35 56;--surface-secondary:24 45 66;--surface-tertiary:36 68 95;--surface-hover:36 68 95;--surface-active:47 79 109;--text-primary:236 242 248;--text-secondary:171 192 212;--text-secondary-alt:171 192 212;--border-light:47 75 101;--border-medium:84 113 142;--accent-primary:147 184 217;--accent-primary-hover:180 207 230;--surface-submit:115 149 181;--surface-submit-hover:147 184 217}
html.aether-ui #root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html.aether-ui #root button:focus-visible,html.aether-ui #root input:focus-visible,html.aether-ui #root textarea:focus-visible{outline:2px solid #2b6fa6;outline-offset:2px}
html.aether-ui #root nav{border-right:1px solid rgb(var(--border-light))}
html.aether-ui #root textarea{line-height:1.6}
#aether-story{display:none}
#aether-lab-footer{position:fixed;bottom:0;left:0;right:0;z-index:25;height:28px;display:none;align-items:center;justify-content:center;background:rgb(var(--surface-primary,255 255 255));border-top:1px solid rgb(var(--border-light,220 229 239));font:12px/18px Inter,sans-serif;color:rgb(var(--text-secondary,95 120 148));pointer-events:none}
html.aether-ui #root p.split-parent{display:block;font-size:clamp(24px,2.4vw,34px);line-height:1.35;max-width:28ch;text-wrap:balance;margin:auto}
/* The login screen retains the native form, validation and password controls. */
html.aether-ui:has(form[aria-label='Login form']){background:#f1f6fa;color:#182d42}
html.aether-ui:has(form[aria-label='Login form']) body{background:#f1f6fa;padding-bottom:28px}
html.aether-ui:has(form[aria-label='Login form']) #aether-story{position:fixed;inset:0 45% 28px 0;display:flex;flex-direction:column;padding:5.2vh 5vw;background:linear-gradient(90deg,rgba(244,249,253,.88),rgba(244,249,253,.20)),url('/aether/architecture.webp') center/cover;color:#182d42}
.aether-brand{font:600 38px/1.2 Inter,sans-serif;letter-spacing:1px}
.aether-brand span{font-weight:400;color:#7395b5}
.aether-kicker{margin-top:12px;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.aether-story-heading{margin:auto 0;font-size:clamp(38px,4.2vw,70px);font-weight:600;line-height:1.14;letter-spacing:-2px}
.aether-story-heading:before{content:'';display:block;width:36px;height:2px;background:#7395b5;margin-bottom:28px}
.aether-story-note{font-size:14px;color:#476785;max-width:32ch;line-height:1.6}
html.aether-ui:has(form[aria-label='Login form']) #root{margin-left:55%;width:45%;--surface-primary:255 255 255;--text-primary:24 45 66;--text-secondary:95 120 148;--text-secondary-alt:95 120 148;--border-light:203 219 234;--accent-primary:24 45 66;--surface-submit:24 45 66;--surface-submit-hover:36 68 95;--text-on-status:255 255 255}
html.aether-ui:has(form[aria-label='Login form']) #root>div:first-child{background:transparent;padding:32px clamp(20px,3.5vw,64px);min-height:calc(100svh - 28px)}
html.aether-ui:has(form[aria-label='Login form']) #root>div:first-child>div:first-child:has(>img){display:none}
html.aether-ui:has(form[aria-label='Login form']) #root main>div{width:100%;max-width:520px;padding:36px 32px;background:rgba(255,255,255,.96);border:1px solid #dce5ef;border-radius:26px;box-shadow:0 12px 40px rgba(24,45,66,.035);overflow:visible}
html.aether-ui:has(form[aria-label='Login form']) h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;text-align:left;margin-bottom:0}
html.aether-ui:has(form[aria-label='Login form']) h1:after{content:'Войдите в INVICTA AI AETHER';display:block;font-size:15px;line-height:1.5;letter-spacing:0;font-weight:400;color:#5f7894;margin-top:12px}
html.aether-ui form[aria-label='Login form']{margin-top:28px}
html.aether-ui form[aria-label='Login form'] input{min-height:50px;border:1px solid #7a8ea3;border-radius:10px;background:#fff;padding-left:14px;color:#182d42;box-shadow:none!important;-webkit-text-fill-color:#182d42!important;caret-color:#182d42}
html.aether-ui form[aria-label='Login form'] input:focus{border-color:#2b6fa6;box-shadow:0 0 0 3px rgba(43,111,166,.10)}
html.aether-ui form[aria-label='Login form'] button[type='submit']{min-height:52px;border-radius:10px;background:#182d42;color:#fff;font-size:15px;font-weight:600}
html.aether-ui form[aria-label='Login form'] button[type='submit']:hover{background:#24445f}
html.aether-ui:has(form[aria-label='Login form']) #aether-lab-footer{display:flex;background:#f1f6fa;color:#5f7894;border-color:#dce5ef}
@media(max-width:900px){html.aether-ui:has(form[aria-label='Login form']) #aether-story{right:58%;padding:32px}.aether-brand{font-size:29px}.aether-story-heading{font-size:38px;letter-spacing:-1px}html.aether-ui:has(form[aria-label='Login form']) #root{margin-left:42%;width:58%}html.aether-ui:has(form[aria-label='Login form']) #root>div:first-child{padding:24px}html.aether-ui:has(form[aria-label='Login form']) #root main>div{padding:28px 24px}}
@media(max-width:640px){html.aether-ui:has(form[aria-label='Login form']) #aether-story{position:relative;inset:auto;min-height:170px;padding:28px 24px;background-position:center 35%}.aether-brand{font-size:28px}.aether-kicker{font-size:9px}.aether-story-heading,.aether-story-note{display:none}html.aether-ui:has(form[aria-label='Login form']) #root{margin-left:0;width:100%}html.aether-ui:has(form[aria-label='Login form']) #root>div:first-child{min-height:calc(100svh - 198px);padding:24px 16px 50px}html.aether-ui:has(form[aria-label='Login form']) #root main>div{padding:28px 20px;border-radius:20px}html.aether-ui:has(form[aria-label='Login form']) h1{font-size:26px}html.aether-ui form[aria-label='Login form'] input{font-size:16px}html.aether-ui:has(form[aria-label='Login form']) #root main{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html.aether-ui *,html.aether-ui *:before,html.aether-ui *:after{scroll-behavior:auto;animation-duration:.01ms;transition-duration:.01ms}}

/* AETHER composer model selector */
html.aether-ui .aether-composer-model-picker{max-width:min(52vw,260px)}
html.aether-ui .aether-composer-model-picker>div{max-width:100%}
html.aether-ui .aether-composer-model-picker button[data-testid="model-selector-button"]{margin:0;min-height:40px;max-width:100%;border-radius:999px;background:rgb(var(--surface-secondary));padding:7px 10px;font-size:13px;font-weight:600;gap:7px}
html.aether-ui .aether-composer-model-picker button[data-testid="model-selector-button"]:hover{background:rgb(var(--surface-hover))}
@media(max-width:640px){html.aether-ui .aether-composer-model-picker{max-width:calc(100vw - 180px)}html.aether-ui .aether-composer-model-picker button[data-testid="model-selector-button"]{min-height:44px;padding:7px 8px;font-size:12px}}