.login-shell{display:grid;place-items:center;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(120% 70% at 50% -10%,rgba(63,214,139,.16),transparent 60%),var(--bg)}.login-card{display:grid;justify-items:center;gap:14px;width:min(360px,100%);padding:32px 26px 22px;border:1px solid var(--line);border-radius:28px;background:#111417d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff0a;animation:login-in .28s cubic-bezier(.2,.8,.2,1)}.login-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(160deg,#1d2a24,#121815);box-shadow:inset 0 0 0 1px #264033}.login-mark .launchpad-icon{width:30px;height:30px}.login-title{margin:2px 0 0;font:700 22px/1.1 var(--sans);letter-spacing:-.02em}.login-sub{margin:-6px 0 0;color:var(--text-2);font:500 13px/1.3 var(--sans);text-align:center}.login-card>.error-message{justify-self:stretch}.login-field{justify-self:stretch;height:50px;border-radius:14px;font-size:16px}.login-go{justify-self:stretch;height:52px;border-radius:16px;font:700 16px/1 var(--sans)}.login-dots{position:relative;display:flex;gap:18px;padding:14px 0 8px;cursor:text}.login-dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);transition:background var(--fast),border-color var(--fast),transform var(--fast)}.login-dots i.is-on{background:var(--green);border-color:var(--green);transform:scale(1.08)}.login-dots.is-busy i{animation:login-pulse .9s ease-in-out infinite}.login-dots.is-shake{animation:login-shake .4s ease}.login-dots.is-shake i{border-color:var(--red);background:transparent}.login-code-field{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;caret-color:transparent}.login-pad{display:none;grid-template-columns:repeat(3,76px);gap:14px 22px;margin-top:4px}@media(pointer:coarse){.login-pad{display:grid}}.login-pad button{display:grid;place-items:center;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:#ffffff0f;color:var(--text);font:500 30px/1 var(--sans);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background 80ms,transform 80ms}.login-pad button:active{background:#ffffff29;transform:scale(.95)}.login-pad button[aria-label="Delete a digit"]{background:transparent;color:var(--text-2)}.login-pad button svg{width:26px;height:26px}.login-pad button:disabled{opacity:.35}.login-links{display:flex;justify-content:center;gap:18px;min-height:20px;margin-top:4px}.login-links button{padding:4px 2px;border:0;background:none;color:var(--text-3);font:500 13px/1 var(--sans);cursor:pointer}.login-links button:hover,.login-links button:active{color:var(--text)}@keyframes login-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes login-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes login-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.login-card,.login-dots.is-shake,.login-dots.is-busy i{animation:none}}@media(max-width:600px){:root .build-notice{position:fixed;top:calc(env(safe-area-inset-top) + 6px);left:50%;z-index:96;transform:translate(-50%);padding:0;border:0;background:transparent;animation:login-in .28s ease-out}:root .build-notice .build-notice-text{display:none}:root .build-notice .btn{height:34px;padding:0 16px 0 12px;border-radius:17px;font:700 13px/1 var(--sans);box-shadow:0 10px 24px -8px #000000b3}:root .build-notice .btn:before{content:"↻";margin-right:6px;font-size:15px}}
