.auth-backdrop{--color-background:var(--void);--color-foreground:var(--off-white);--color-card:var(--panel);--color-muted:var(--panel-alt);--color-muted-foreground:var(--fog);--color-border:var(--divider);--color-primary:var(--mint);--color-on-primary:var(--void);--color-error:var(--red);--font-sans:var(--font-body);--btn-grad-start:var(--emerald-light);--btn-grad-mid:var(--mint);--btn-grad-end:var(--mint-border);--btn-grad-hover-start:var(--mint);--btn-grad-hover-mid:var(--mint-hover);--btn-grad-hover-end:var(--mint-border);color:var(--color-foreground);background:var(--color-background);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.auth-grid{pointer-events:none;z-index:0;--line:color-mix(in srgb, var(--off-white), transparent 90%);--size:45px;background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);opacity:0;animation:1.5s ease-out 3.2s forwards splash-bg-in;position:absolute;inset:0;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff)}@keyframes splash-bg-in{to{opacity:1}}.login-page{z-index:1;width:380px;max-width:calc(100vw - 2 * var(--pad-x));position:relative}.login-logo{text-align:center;opacity:0;font-family:var(--font-heading);letter-spacing:.02em;margin-bottom:24px;font-size:30px;font-weight:600;animation:.5s ease-out .3s forwards splash-logo-in}.login-logo .logo-accent{color:var(--color-primary)}@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:10px;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;box-shadow:0 4px 24px #00000059,0 0 0 1px #0003}@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:#ffffff05;align-items:center;gap:12px;padding:12px 16px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{border-radius:50%;width:8px;height:8px}.dot-red{background:#dc2626cc}.dot-yellow{background:#d97706cc}.dot-green{background:#16a34acc}.window-body{text-align:center;padding:32px}.window-body>*{opacity:0;animation:.22s ease-out forwards splash-rise-in}.window-body .lead{animation-delay:2.65s}.window-body .google-btn{animation-delay:2.85s}.window-body .scope-note{animation-delay:3.1s}@keyframes splash-rise-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.error-message{color:var(--color-error);text-align:left;opacity:1;background:#dc262614;border:1px solid #dc262640;border-radius:6px;margin:0 0 16px;padding:10px 15px;font-size:13px;animation:none}.window-body .lead{color:var(--color-muted-foreground);margin:0 0 20px;font-size:14px;line-height:1.5}.window-body .google-btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.03em;width:100%;color:var(--color-on-primary);background:linear-gradient(135deg, var(--btn-grad-start), var(--btn-grad-mid), var(--btn-grad-end));cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:14px 15px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.window-body .google-btn:hover,.window-body .google-btn:active,.window-body .google-btn:focus-visible{background:linear-gradient(135deg, var(--btn-grad-hover-start), var(--btn-grad-hover-mid), var(--btn-grad-hover-end))}.google-icon{flex-shrink:0}.window-body .scope-note{color:var(--color-muted-foreground);margin:16px 0 0;font-size:12px;line-height:1.5}.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:13px;font-weight:300;animation:.22s ease-out 4.7s forwards splash-rise-in}@media (prefers-reduced-motion:reduce){.auth-grid{animation:.2s ease-out forwards splash-bg-in}.login-logo{opacity:1;animation:none}.widget-window{max-width:380px;max-height:none;animation:none}.window-body>*,.login-copyright{opacity:1;animation:none}}