/* Login-only presentation. Authentication and the workspace retain their existing behavior. */
#appLockOverlay{background:#020409;backdrop-filter:none;isolation:isolate;padding:36px 20px;overflow-y:auto;color:#e9eef5}
#appLockOverlay .login-ambient{position:fixed;inset:0;z-index:-1;background:#020409;overflow:hidden}
#appLockOverlay .login-ambient>span{display:none}
#appLockOverlay .login-ambient::before{inset:-8%;border:0;transform:none;mask-image:none;background:radial-gradient(ellipse at 16% 42%,#12334950,transparent 29%),radial-gradient(ellipse at 82% 62%,#16435232,transparent 32%),radial-gradient(ellipse at 85% 18%,#8b593410,transparent 23%);animation:space-dust 12s ease-in-out infinite alternate}
#appLockOverlay .login-ambient::after{inset:0;border:0;border-radius:0;background:radial-gradient(ellipse at center,#020409a8 0%,#02040970 24%,transparent 58%);pointer-events:none}
#appLockOverlay .login-stars{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
#appLockOverlay .app-lock-card{isolation:isolate;width:min(430px,100%);padding:30px 24px;gap:23px;overflow:visible;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#e9eef5!important;animation:none}
#appLockOverlay .app-lock-card::before{display:block;position:absolute;inset:-80px -90px;z-index:-1;height:auto;border:0;border-radius:50%;background:radial-gradient(ellipse,#080e17d9 15%,#080d17a1 42%,transparent 73%);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);mask-image:radial-gradient(ellipse,#000 24%,transparent 72%);animation:none;pointer-events:none}
#appLockOverlay .app-lock-card::after{content:'';position:absolute;inset:-20px -65px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,#94bdde0e,transparent 64%);border-radius:50%}
#appLockOverlay .login-logo{width:174px;height:117px;object-fit:cover;object-position:50% 51%;filter:drop-shadow(0 4px 20px #8db6d51a);border:0;border-radius:0;margin:0 auto 2px;animation:space-arrive .85s ease-out both}
#appLockOverlay .login-intro{gap:9px;animation:space-arrive .85s .1s ease-out both}
#appLockOverlay .login-intro .eyebrow{color:#a4b5c6;font-size:9px;letter-spacing:.22em;font-weight:500}
#appLockOverlay .login-intro h2{color:#f1f4f8;font-size:32px;font-weight:500;letter-spacing:-.045em}
#appLockOverlay .login-intro p{color:#9cabbc;font-size:13px;line-height:1.6}
#appLockOverlay .login-fields{gap:15px;animation:space-arrive .8s .2s ease-out both}
#appLockOverlay .login-fields label{color:#bac7d5;font-size:12px;font-weight:500;letter-spacing:.015em;gap:9px}
#appLockOverlay .login-fields input{width:100%;min-height:50px;color:#edf3fa!important;caret-color:#cdeaff;background:#111a258c!important;border:1px solid #9cb7d020!important;border-radius:10px!important;box-shadow:inset 0 1px 0 #ffffff04!important;padding:13px 15px;transition:border-color .22s,box-shadow .22s,background .22s}
#appLockOverlay .login-fields input::placeholder{color:#8797aa;opacity:1}
#appLockOverlay .login-fields input:focus{outline:2px solid #afcee488!important;outline-offset:3px;border-color:#c4e1f16b!important;background:#162333b0!important;box-shadow:0 0 28px #8ac9f115!important}
#appLockOverlay .login-fields input:-webkit-autofill{-webkit-text-fill-color:#edf3fa!important;caret-color:#edf3fa;box-shadow:0 0 0 100px #121c29 inset!important}
#appLockOverlay #toggleLoginPassword{color:#aebfd1;background:transparent;border:0;min-height:36px;padding:4px 0;font-size:11px;margin-top:-8px}
#appLockOverlay #toggleLoginPassword:hover{color:#fff}
#appLockOverlay button:focus-visible{outline:2px solid #c3e4fc;outline-offset:4px}
#appLockOverlay #unlockAppBtn{color:#101925!important;background:linear-gradient(180deg,#f3f6fa,#dce5ef)!important;border:1px solid #fff7;min-height:51px;border-radius:10px;letter-spacing:.01em;font-size:13px;font-weight:650;box-shadow:0 4px 22px #0003!important;animation:space-arrive .8s .32s ease-out both;transition:transform .2s,box-shadow .2s,filter .2s}
#appLockOverlay #unlockAppBtn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 28px #b5d9f629!important;filter:brightness(1.04)}
#appLockOverlay #unlockAppBtn:not(:disabled):active{transform:translateY(0)}
#appLockOverlay[data-state=signing-in] #unlockAppBtn::before{border-color:#23344633;border-top-color:#233446}
#appLockOverlay .login-progress{color:#98aabd;font-size:11px;animation:space-arrive .8s .4s ease-out both}
#appLockOverlay .login-state-mark{background:#b5cbdc;width:4px;height:4px;box-shadow:0 0 8px #a5d7fa66}
#appLockOverlay[data-state=success] .login-progress{color:#c2e4d4}
#appLockOverlay[data-state=success] .login-state-mark{border-color:#b1dcc4;box-shadow:none}
#appLockOverlay .lock-error{color:#ffd0c8;background:#432426b3;border:1px solid #ad65513d;padding:10px 12px}
#appLockOverlay #capsLockHint{color:#f1d2a3}
#appLockOverlay #localLoginHelp{background:#111a2599;color:#b6c4d3;border:1px solid #8cacc326;font-size:11px}
@keyframes space-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes space-dust{from{transform:translate3d(-2%,1%,0) scale(1);opacity:.7}to{transform:translate3d(3%,-2%,0) scale(1.08);opacity:1}}
@media(max-width:600px){#appLockOverlay{padding:24px 22px}#appLockOverlay .app-lock-card{padding:18px 0;gap:20px}#appLockOverlay .app-lock-card::before{inset:-45px -30px}#appLockOverlay .login-logo{width:154px;height:104px}#appLockOverlay .login-intro h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){#appLockOverlay *,#appLockOverlay *::before,#appLockOverlay *::after{animation:none!important;transition:none!important}}