.login-page{z-index:1;width:380px;position:relative}.login-logo{text-align:center;opacity:0;margin-bottom:24px;animation:.5s ease-out .3s forwards splash-logo-in}@keyframes splash-logo-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.widget-window{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--r-4);box-shadow:var(--shadow-card);width:380px;max-width:70px;max-height:34px;margin:0 auto;animation:.5s cubic-bezier(.16,1,.3,1) 1s forwards splash-window-w,.5s cubic-bezier(.16,1,.3,1) 2s forwards splash-window-h;overflow:hidden}@keyframes splash-window-w{0%{max-width:70px}to{max-width:380px}}@keyframes splash-window-h{0%{max-height:34px}to{max-height:600px}}.window-titlebar{border-bottom:1px solid var(--color-border);background:var(--color-muted);align-items:center;gap:12px;padding:12px 16px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{opacity:.7;border-radius:50%;width:8px;height:8px}.dot-red{background:var(--label-red)}.dot-yellow{background:var(--label-yellow)}.dot-green{background:var(--label-green)}.window-body{text-align:center;padding:32px}.window-body>*{opacity:0;animation:.22s ease-out forwards splash-rise-in}.input-wrapper:first-of-type{animation-delay:2.65s}.input-wrapper:nth-of-type(2){animation-delay:2.85s}.window-body button[type=submit]{animation-delay:3.05s}.divider{animation-delay:3.25s}.window-body .google-btn{animation-delay:3.4s}.window-body .github-btn{animation-delay:3.6s}.message{animation-delay:3.85s}.login-copyright{animation-delay:6s}@keyframes splash-rise-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.error-message{background:color-mix(in oklab, var(--color-error) 8%, transparent);border:1px solid color-mix(in oklab, var(--color-error) 28%, var(--color-border));color:var(--color-error);text-align:left;border-radius:6px;margin:0 0 15px;padding:10px 15px;font-size:13px}.input-wrapper{margin:0 0 15px;position:relative}.input-icon{color:var(--color-muted-foreground);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.window-body input{font-family:var(--font-sans);border:0;border-bottom:1px solid var(--color-border);box-sizing:border-box;width:100%;color:var(--color-foreground);background:0 0;border-radius:0;outline:0;margin:0;padding:15px 15px 15px 42px;font-size:14px;transition:border-color .2s}.window-body input::placeholder{color:var(--color-muted-foreground)}.input-wrapper:has(.password-toggle) input{padding-right:42px}.window-body input:focus{border-bottom-color:var(--color-accent)}.password-toggle{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-foreground)}.window-body button[type=submit]{font-family:var(--font-sans);text-transform:uppercase;background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover), var(--color-accent-border));width:100%;color:var(--color-accent-on);letter-spacing:.04em;cursor:pointer;border:0;border-radius:6px;outline:0;padding:15px;font-size:14px;transition:filter .2s,transform 50ms}.window-body button[type=submit]:hover{filter:brightness(1.05)}.window-body button[type=submit]:active{transform:translateY(1px)}.window-body button[type=submit]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-accent) 35%, transparent)}.divider{color:var(--color-muted-foreground);align-items:center;margin:18px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.divider span{padding:0 12px}.window-body .google-btn,.window-body .github-btn{background:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 15px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.window-body .github-btn{cursor:not-allowed;opacity:.6;margin-top:8px}.window-body .google-btn:hover,.window-body .google-btn:focus-visible,.window-body .github-btn:hover,.window-body .github-btn:focus-visible{background:var(--color-muted);border-color:color-mix(in oklab, var(--color-accent) 50%, var(--color-border))}.google-icon,.github-icon{flex-shrink:0}.message{color:var(--color-muted-foreground);margin:15px 0 0;font-size:12px}.message-link-disabled{color:var(--color-accent);opacity:.5;cursor:default}.login-copyright{text-align:center;color:var(--color-muted-foreground);font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;opacity:0;margin:24px 0 0;font-size:14px;font-weight:200;animation:.22s ease-out forwards splash-rise-in}@media (prefers-reduced-motion:reduce){.widget-window{max-width:380px;max-height:none;animation:none}.window-body>*,.login-copyright{opacity:1;animation:none}}