.login-scene{position:fixed;inset:0;z-index:20;overflow:hidden;background:#000000}.login-moon{position:absolute;top:50%;left:50%;width:80vh;height:80vh;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;pointer-events:none}.login-moon img{display:block;width:100%;height:100%;object-fit:cover}.login-moon-shadow{position:absolute;top:-130%;left:-130%;width:360%;height:360%;border-radius:50%;background:radial-gradient(circle,#000 44%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.32) 67%,transparent 79%);opacity:.95;filter:blur(64px);will-change:transform}.login-glass{position:absolute;top:50%;left:50%;z-index:1;width:min(400px,calc(100vw - 2rem));transform:translate(-50%,-50%);padding:1.75rem 1.75rem 1.5rem;border:1px solid color-mix(in srgb,var(--color-paper) 12%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-ink) 70%,transparent);max-height:calc(100dvh - 2rem);overflow-y:auto;scroll-padding-block:1rem;box-shadow:none;backdrop-filter:blur(4px) saturate(1.1);-webkit-backdrop-filter:blur(4px) saturate(1.1)}.login-glass :is(input,button,a){scroll-margin-block:1rem}.login-mark{margin-bottom:1.5rem;font-family:var(--font-sans);font-weight:500;color:var(--color-paper)}.login-glass a,.login-glass h1,.login-glass input,.login-glass label,.login-glass p,.login-mark{font-size:var(--text-body)}.login-glass h1,.login-glass label,.login-glass p:not([role=alert]){color:var(--color-paper)}.login-glass input{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-line-strong)}.login-glass input:focus{border-color:var(--color-accent)}.login-glass a{color:color-mix(in srgb,var(--color-paper) 90%,var(--color-ink))}.login-glass a:hover{color:var(--color-paper)}.login-btn{width:100%;margin-top:.5rem;background:var(--color-paper);color:var(--color-ink);border-color:transparent}.login-btn:hover:not(:disabled){background:var(--color-sunken);color:var(--color-ink)}@media (max-height:640px){.login-moon{width:90vh;height:90vh}}.auth-shell:has(.login-scene)>.auth-brand,.auth-shell:has(.login-scene)>.auth-legal{display:none}.login-legal{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;color:var(--color-ink-4);font-size:var(--text-small)}.login-legal a{text-decoration:underline}.login-legal a:hover{color:var(--color-paper)}.login-scene :focus-visible{outline:2px solid var(--color-paper);outline-offset:3px;box-shadow:0 0 0 13px rgba(0,0,0,.92)}.login-glass:focus{outline:2px solid var(--color-paper);outline-offset:3px;box-shadow:0 0 0 13px rgba(0,0,0,.92)}