.auth-shell{--auth-link:#4f46e5;background:var(--surface-1);width:100%;min-height:100dvh;color:hsl(var(--foreground));font-family:var(--font-booton), sans-serif;flex-direction:column;padding:40px 24px;display:flex}.dark .auth-shell{--auth-link:#a5b4fc}.auth-shell-main{flex:1;justify-content:center;align-items:center;display:flex}.auth-shell-content{text-align:center;width:100%;max-width:366px}.auth-shell-content-wide{max-width:448px}.auth-shell-footer{text-align:center;color:hsl(var(--muted-foreground));padding-top:32px;font-size:12px;line-height:16px}.auth-shell h1.auth-title{letter-spacing:-.01em;font-weight:600}.auth-link{color:var(--auth-link)}.auth-link:hover{color:var(--auth-link);text-underline-offset:3px;text-decoration:underline}.auth-shell input{min-width:0}.auth-error-feedback{animation:.28s linear auth-error-shake}@keyframes auth-error-shake{0%,to{transform:translate(0)}28.57%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(4px)}57.14%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(-4px)}78.57%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(2px)}}.auth-status-icon{border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.auth-status-icon svg{width:28px;height:28px}.auth-status-loading{background:hsl(var(--foreground) / .05);color:hsl(var(--muted-foreground))}.auth-status-success{color:#047857;background:#10b9811a}.auth-status-error{color:#e00000;background:#f43f5e1a}.auth-status-warning{color:#b45309;background:#f59e0b1a}.dark .auth-status-success{color:#34d399}.dark .auth-status-error{color:#fb7185}.dark .auth-status-warning{color:#fbbf24}.auth-busy-spinner,.auth-status-loading svg{animation:1s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loader-mark{animation:1.6s ease-in-out infinite auth-loader-pulse}@keyframes auth-loader-pulse{50%{opacity:.5}}.auth-shell .auth-otp-slot{background:var(--surface-3);box-shadow:var(--shadow-3-hairline);color:hsl(var(--foreground));border:0;overflow:visible}.auth-shell .auth-otp-slot[data-active=true]{background:var(--surface-6);box-shadow:var(--shadow-3-hairline), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color)}.auth-shell .auth-otp-slot[data-status=error]{--surface-3-hairline-edge:hsl(var(--destructive))}.auth-shell .auth-otp-slot[data-status=success]{--surface-3-hairline-edge:#047857}.auth-shell .auth-otp-slot>span{line-height:32px}@media (prefers-reduced-motion:reduce){[data-auth-reveal],.auth-otp-slot{opacity:1!important;transform:none!important}.auth-loader-mark,.auth-error-feedback,.auth-busy-spinner,.auth-status-loading svg{animation:none}}.auth-shell a.group,.auth-shell button.group{min-height:44px}.auth-shell button.auth-link{min-height:40px}.dark .auth-shell .auth-otp-slot[data-active=true]{box-shadow:var(--shadow-3-hairline), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop)}.auth-shell button .t-shimmer{--shimmer-highlight:hsl(var(--background));color:inherit;opacity:.85}.auth-shell button.auth-link .t-shimmer{--shimmer-highlight:var(--auth-link)}
