/* A quiet arrival in the same garden. Wallpaper and artwork stay static. */
:root[data-design=aether] .auth-shell{max-width:1060px;min-height:100svh;padding:20px max(22px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));gap:0}
:root[data-design=aether] .auth-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;min-width:0}
:root[data-design=aether] .auth-brand{gap:7px;flex:none;min-height:48px}
:root[data-design=aether] .auth-brand>span{font-size:25px;color:var(--text)}
:root[data-design=aether] .auth-brand>small{display:none}
:root[data-design=aether] .auth-brand>svg{width:25px;height:25px}
:root[data-design=aether] .auth-lighting{display:flex;padding:3px;border:1px solid var(--aether-edge);border-radius:14px;background:var(--aether-panel);gap:2px}
:root[data-design=aether] .auth-lighting button{font:700 14px/1.4 var(--font-ui);color:var(--muted);min-height:44px;min-width:48px;padding:8px 11px;border:0;border-radius:10px;background:transparent;cursor:pointer}
:root[data-design=aether] .auth-lighting button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}
:root[data-design=aether] .auth-lighting button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:root[data-design=aether] .auth-art{height:120px;min-height:120px;max-width:470px;width:100%;align-self:center;margin:4px 0 18px;background:transparent;border-radius:0;overflow:visible}
:root[data-design=aether] .auth-poster{width:67px;height:100px;border-radius:9px;box-shadow:3px 10px 19px #060c2529}
:root[data-design=aether] .auth-art .poster-front{left:calc(50% - 25px);top:10px;transform:rotate(9deg)}
:root[data-design=aether] .auth-art .poster-back{left:calc(50% - 75px);top:6px;transform:rotate(-12deg)}
:root[data-design=aether] .auth-art .aether-butterfly{left:calc(50% + 59px);top:29px;width:31px;height:31px}
:root[data-design=aether] .auth-art .auth-edition{display:none}
:root[data-design=aether] .auth-panel{width:100%;max-width:470px;align-self:center;min-width:0;padding:24px 22px 20px;background:var(--aether-panel);border-radius:24px;box-shadow:0 15px 38px #070c2417}
:root[data-design=aether] .auth-heading{margin-bottom:23px}
:root[data-design=aether] .auth-heading h1{font-size:clamp(27px,6.9vw,34px);line-height:1.45;margin:0 0 9px;text-wrap:balance;color:var(--text)}
:root[data-design=aether] .auth-heading>p:last-child{font-size:15px;line-height:1.85;margin:0;color:var(--muted)}
:root[data-design=aether] .auth-panel .auth-form{gap:17px}
:root[data-design=aether] .auth-panel .form-field{min-width:0}
:root[data-design=aether] .auth-panel .form-field>span{font-size:15px;line-height:1.5}
:root[data-design=aether] .auth-panel .form-field input{width:100%;min-width:0;font-size:16px;min-height:52px;border-radius:13px;background:var(--surface);border:1px solid var(--aether-edge);caret-color:var(--accent);color:var(--text)}
:root[data-design=aether] .auth-panel input::placeholder{color:var(--muted-2);opacity:1;font-size:14px}
:root[data-design=aether] .auth-panel input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:root[data-design=aether] .auth-panel input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 100px var(--surface) inset;caret-color:var(--text)}
:root[data-design=aether] .auth-panel .password-wrap>button{top:4px;min-width:44px;min-height:44px}
:root[data-design=aether] .auth-panel .password-wrap>input{padding-inline-end:52px}
:root[data-design=aether] .auth-panel .primary-button{min-height:52px;font-size:16px;border-radius:13px}
:root[data-design=aether] .auth-panel .primary-button:disabled{opacity:.65;cursor:wait}
:root[data-design=aether] .auth-panel :is(.field-hint,.form-field small){font-size:13px;line-height:1.75;color:var(--muted)}
:root[data-design=aether] .auth-panel .field-hint{margin-block:-9px 0}
:root[data-design=aether] .auth-panel .account-status{font-size:14px;line-height:1.8;margin:0;padding:12px 14px}
:root[data-design=aether] .auth-panel .invite-explainer{padding-top:18px;margin-top:22px;gap:10px}
:root[data-design=aether] .auth-panel .invite-explainer>span{width:36px;height:36px;border-radius:11px}
:root[data-design=aether] .auth-panel .invite-explainer p{font-size:13px;line-height:1.8;color:var(--muted)}
:root[data-design=aether] .auth-panel .invite-explainer strong{font-size:15px;line-height:1.6;color:var(--text);margin-bottom:2px}
:root[data-design=aether] .auth-panel .auth-footer{font-size:12px;line-height:1.8;padding-top:21px;color:var(--muted-2)}
:root[data-design=aether] .auth-panel .auth-back{font-size:14px;min-height:44px;margin-top:12px;text-align:center}
:root[data-design=aether] .auth-panel .quiet-empty{font-size:15px;line-height:1.9;padding:16px 0;margin:0;text-align:start}
:root[data-design=aether] .auth-checking{padding:18px 0;margin:0;color:var(--muted);font-size:15px;line-height:1.8}
:root[data-design=aether] .auth-shell>.aether-page-accent{width:100%;max-width:470px;align-self:center}
:root[data-design=aether] .auth-shell .aether-art-controls{margin-top:12px}
@media(min-width:820px){
 :root[data-design=aether] .auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);column-gap:54px;align-content:center;padding-block:36px;direction:ltr}
 :root[data-design=aether] .auth-toolbar{grid-column:1/-1;grid-row:1;direction:rtl;margin-bottom:30px}
 :root[data-design=aether] .auth-panel{grid-column:2;grid-row:2;direction:rtl;padding:32px;align-self:center}
 :root[data-design=aether] .auth-art{grid-column:1;grid-row:2;min-height:450px;height:100%;margin:0;max-width:none;border-radius:24px;background:var(--aether-garden-image) center / cover no-repeat;overflow:hidden}
 :root[data-design=aether] .auth-poster{width:135px;height:203px;border-radius:12px}
 :root[data-design=aether] .auth-art .poster-front{left:calc(50% - 49px);top:calc(50% - 88px)}
 :root[data-design=aether] .auth-art .poster-back{left:calc(50% - 115px);top:calc(50% - 120px)}
 :root[data-design=aether] .auth-art .aether-butterfly{left:calc(50% + 90px);top:calc(50% - 147px);width:38px;height:38px}
 :root[data-design=aether] .auth-shell>.aether-page-accent{grid-column:2;grid-row:3;direction:rtl}
}
@media(max-width:359px){
 :root[data-design=aether] .auth-shell{padding-inline:max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-left))}
 :root[data-design=aether] .auth-panel{padding:22px 18px 18px;border-radius:20px}
 :root[data-design=aether] .auth-heading h1{font-size:27px}
}
@media(max-height:540px) and (max-width:819px){
 :root[data-design=aether] .auth-shell{max-width:520px;padding-top:12px}
 :root[data-design=aether] .auth-art{display:none}
 :root[data-design=aether] .auth-toolbar{margin-bottom:16px}
}
@media(prefers-reduced-motion:no-preference){
 :root[data-design=aether]:not([data-motion=reduced]) .auth-panel{animation:aether-auth-arrival 280ms cubic-bezier(.16,1,.3,1) both}
}
@keyframes aether-auth-arrival{from{opacity:.75;transform:translateY(7px)}to{opacity:1;transform:none}}
