:root{--auth-shader-back:color-mix(in oklch,var(--surface-canvas)90%,var(--primary-base)10%);--auth-shader-accent:color-mix(in oklch,var(--primary-base)70%,var(--surface-ground)30%)}.auth-root{background:var(--auth-shader-back)}@supports (padding-top:env(safe-area-inset-top)){.auth-root:before{content:"";height:env(safe-area-inset-top,0px);background:var(--auth-shader-back);z-index:9999;pointer-events:none;position:fixed;top:0;left:0;right:0}}.auth-shader-bg{pointer-events:none;z-index:0;background:var(--auth-shader-back);position:fixed;inset:0;overflow:hidden}.auth-shader-bg canvas{width:100%;height:100%;display:block}.auth-shader-vignette{background:radial-gradient(ellipse 60% 52% at 50% 46%,oklch(from var(--auth-shader-back)l c h/0%)0%,oklch(from var(--auth-shader-back)l c h/18%)58%,oklch(from var(--auth-shader-back)l c h/48%)100%),linear-gradient(180deg,oklch(from var(--auth-shader-back)l c h/42%)0%,transparent 38%);position:absolute;inset:0}.auth-card-header{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-xl)}@media (min-width:640px){.auth-card-header{padding-left:var(--spacing-2xl)}}.auth-card{padding:var(--spacing-2xl)var(--spacing-xl);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm)}@media (min-width:640px){.auth-card{padding:var(--spacing-3xl)var(--spacing-2xl)}}.auth-submit-section{margin-top:var(--spacing-2xl)}.auth-oauth-section{margin-top:var(--spacing-lg)}.auth-card-footer{margin-top:var(--spacing-xl);padding-right:var(--spacing-xl);text-align:right;color:var(--text-secondary);font-size:var(--text-sm)}@media (min-width:640px){.auth-card-footer{padding-right:var(--spacing-2xl)}}.auth-footer-icon{pointer-events:none;align-items:center;display:inline-flex;transform:translateY(1px)}.auth-skip-link{left:var(--spacing-lg);top:var(--spacing-lg);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:transform .16s var(--ease-responsive);z-index:20;position:absolute;transform:translateY(-200%)}.auth-skip-link:focus-visible{box-shadow:var(--shadow-sm),var(--shadow-focus);outline:none;transform:translateY(0)}.auth-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:.85em;height:.85em;animation:.6s linear infinite auth-button-spin}@media (prefers-reduced-motion:reduce){.auth-button-spinner{animation-duration:.01ms;animation-iteration-count:1}}@keyframes auth-button-spin{to{transform:rotate(360deg)}}