/* Login uses a finite brand entrance; chat-content loading has its own orbit. */
.boot-screen.login-brand-loading{display:grid;place-items:center;gap:0;overflow:auto;min-height:260px;padding:40px 24px 80px;background:#fafbfc;color:#25282e;text-align:center;font:15px/1.5 system-ui,sans-serif;--login-brand-duration:400ms}
.login-brand-content{width:min(100%,360px);margin-top:-24px}
.login-brand-emblem{width:64px;height:64px;margin:0 auto 24px}
.login-brand-emblem img{display:block;width:64px;height:64px;border-radius:16px;box-shadow:0 5px 16px #26313b09;animation:login-brand-emerge var(--login-brand-duration) cubic-bezier(.22,.65,.3,1) both}
.login-brand-content h1{margin:0;padding-left:5px;font-size:25px;font-weight:600;line-height:1.5;letter-spacing:5px;animation:login-brand-name var(--login-brand-duration) ease-out both}
.login-brand-caption{margin:14px 0 0;color:#99a3b1;font-size:12px;line-height:1.7;letter-spacing:2px;animation:login-brand-welcome var(--login-brand-duration) ease-out both}
.login-brand-light{width:26px;height:2px;border-radius:2px;margin:29px auto 0;background:linear-gradient(90deg,#9aa6b6,#e5e9ee);animation:login-brand-line var(--login-brand-duration) ease-out both}
.login-brand-footer{position:absolute;bottom:calc(36px + env(safe-area-inset-bottom,0px));left:20px;right:20px;margin:0;color:#b1b8c2;font-size:11px;line-height:1.8;letter-spacing:1px}
@keyframes login-brand-emerge{0%{opacity:0;transform:translateY(4px)}70%,100%{opacity:1;transform:translateY(0)}}
@keyframes login-brand-name{0%,12%{opacity:0;transform:translateY(4px)}85%,100%{opacity:1;transform:translateY(0)}}
@keyframes login-brand-welcome{0%,25%{opacity:0;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
@keyframes login-brand-line{0%,40%{opacity:0;transform:scaleX(.6)}100%{opacity:1;transform:scaleX(1)}}
@media(max-height:400px){.boot-screen.login-brand-loading{padding:20px 24px 48px}.login-brand-content{margin-top:0}.login-brand-emblem{width:48px;height:48px;margin-bottom:15px}.login-brand-emblem img{width:48px;height:48px;border-radius:12px}.login-brand-content h1{font-size:22px}.login-brand-caption{margin-top:9px}.login-brand-light{margin-top:19px}.login-brand-footer{bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:11px}}
@media(prefers-reduced-motion:reduce){.login-brand-emblem img,.login-brand-content h1,.login-brand-caption,.login-brand-light{animation:none}}