/* Compact entry only; dashboard panels and account-linking dialogs keep their layout. */
body:has(> #login:not([hidden])){display:flex;flex-direction:column;min-height:100dvh}
body:has(> #login:not([hidden]))>.account-header,body:has(> #login:not([hidden]))>.account-footer{flex:none}
.login-shell{box-sizing:border-box;min-height:0;flex:1;padding:32px;gap:64px}
.login-shell .login-copy h1{font-size:clamp(36px,4.2vw,54px)}
.login-card.auth-compact{width:100%;max-width:440px;justify-self:end;box-sizing:border-box;padding:28px;border-radius:18px}
.auth-compact h2{font-size:21px;line-height:1.3;text-align:center;margin:0 0 18px;letter-spacing:-.025em}
.auth-compact[data-step="email"] .auth-email-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.auth-compact .auth-provider-stack{gap:8px;margin:0}
.auth-compact .auth-provider-stack button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;height:44px;margin:0;padding:0 16px;border:1px solid #747775;border-radius:8px;background:#fff;color:#1f1f1f;font-family:Arial,sans-serif;font-size:14px;font-weight:500;cursor:pointer}
.auth-compact .auth-provider-stack img{flex:none;object-fit:contain}
.auth-compact .apple-button{color:#000!important}
.auth-compact .apple-button img{width:44px;height:44px;margin:-12px;pointer-events:none}
.auth-compact .apple-button span{margin-left:0}
.auth-compact .auth-divider{font-size:12px;line-height:18px;margin:14px 0;gap:12px}
.auth-compact .auth-divider:before,.auth-compact .auth-divider:after{background:var(--theme-border,#d5dee4)}
.auth-compact form{gap:10px}
.auth-compact label{gap:5px;font-size:13px}
.auth-compact #password-label{display:grid;gap:5px}
.auth-compact input{min-height:44px;height:44px;padding:10px 12px;background:#fff;color:#141c21}
.auth-compact .auth-email-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px;margin-bottom:-5px}
.auth-compact .auth-email-heading .text-button{min-height:44px;padding:8px 0}
.auth-compact input[readonly]{background:#f4f6f7;color:#52616b}
.auth-compact .auth-password{gap:6px}
.auth-compact .auth-password button{min-width:54px;min-height:44px;font-size:13px}
.auth-compact .primary,.auth-compact .secondary{min-height:44px;font-size:14px;padding:10px 12px}
.auth-compact .text-button{min-height:44px;font-size:12px;line-height:1.4;padding:8px 0}
.auth-compact .auth-entry-actions{display:flex;justify-content:space-between;gap:12px}
.auth-compact .auth-existing{display:block;margin:auto}
.auth-compact p.auth-legal{font-size:12px;line-height:1.55;text-align:center;margin:18px 0 0;color:var(--theme-muted,#52616b)}
.auth-compact .auth-legal a{text-decoration:underline;text-underline-offset:2px}
.auth-compact .auth-feedback:empty{display:none}
.auth-compact .auth-feedback{margin:10px 0 0;min-height:0;font-size:12px;line-height:1.5}
.auth-compact .auth-preview-note{font-size:11px;margin:0 0 16px;padding:8px 10px}
.auth-compact #auth-verify button{margin:4px 0}
.auth-compact #verify-address{overflow-wrap:anywhere}
.auth-compact #auth-verify summary{padding:10px 0;cursor:pointer}
.auth-compact .micro{line-height:1.5}
@media(max-width:900px){.login-shell{gap:32px}.login-shell .login-copy h1{font-size:38px}.login-shell .login-copy p{font-size:15px}}
@media(max-width:720px){.login-shell{grid-template-columns:minmax(0,1fr);padding:24px 18px!important;align-content:center}.login-shell .login-copy{display:none}.login-card.auth-compact{justify-self:center;padding:24px;max-width:400px}}
@media(max-width:360px){.login-shell{padding:12px!important}.login-card.auth-compact{padding:16px}.auth-compact h2{font-size:19px}body:has(> #login:not([hidden])) .account-header .brand span{display:none}.auth-compact .auth-divider{margin:8px 0}.auth-compact form{gap:8px}.auth-compact p.auth-legal{margin-top:12px;font-size:11px;line-height:1.5}}
@media(max-width:720px) and (max-height:700px){body:has(> #login:not([hidden]))>.account-footer{display:none}}
@media(min-width:721px) and (max-height:740px){.login-shell{padding-top:20px;padding-bottom:20px}.login-copy h1{font-size:44px}.login-features{gap:10px}}