.auth-shell{--bg:#0a0a0a;--bg-2:#111;--ink:#fafafa;--ink-2:#999;--line:#1f1f1f;--accent:#ff4d3d;background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:40px 24px;display:flex}.auth-shell .auth-wordmark{letter-spacing:-1.2px;text-transform:lowercase;color:var(--ink);font-size:28px;font-weight:700;text-decoration:none}.auth-shell .auth-wordmark .dot{color:var(--accent)}.auth-shell .auth-clerk-card{background:var(--bg-2);border:1px solid var(--line);box-shadow:0 10px 32px #0006}.auth-shell .auth-clerk-title{color:var(--ink)}.auth-shell .auth-clerk-subtitle,.auth-shell .auth-clerk-label{color:var(--ink-2)}.auth-shell .auth-clerk-input{background:var(--bg);border-color:var(--line);color:var(--ink)}.auth-shell .auth-clerk-input:focus{border-color:var(--accent)}.auth-shell .auth-clerk-otp-input{background:var(--bg);border-color:var(--line);color:var(--ink);caret-color:var(--ink)}.auth-shell .auth-clerk-otp-input:focus{border-color:var(--accent)}.auth-shell .auth-clerk-primary-btn{background:var(--accent);color:#0a0a0a}.auth-shell .auth-clerk-primary-btn:hover{background:#f65}.auth-shell .auth-clerk-social-btn{background:var(--bg);border:1px solid var(--line);color:var(--ink)}.auth-shell .auth-clerk-footer a,.auth-shell .auth-clerk-footer button{color:var(--accent)}.auth-shell .auth-mount{width:min(400px,90vw);display:grid}.auth-shell .auth-mount>*{grid-area:1/1}:is(.auth-shell .auth-mount:has(.auth-clerk-card) .auth-skeleton,.auth-shell .auth-mount:has(.cl-card) .auth-skeleton){display:none}.auth-shell .auth-skeleton{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:40px 32px;display:flex;box-shadow:0 10px 32px #0006}.auth-shell .auth-skeleton-spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin-bottom:4px;animation:.8s linear infinite auth-skeleton-spin}.auth-shell .auth-skeleton-title,.auth-shell .auth-skeleton-sub,.auth-shell .auth-skeleton-field,.auth-shell .auth-skeleton-btn{background:linear-gradient(90deg, var(--line) 25%, #2a2a2a 37%, var(--line) 63%);background-size:400% 100%;border-radius:6px;width:100%;animation:1.4s ease-in-out infinite auth-skeleton-shimmer}.auth-shell .auth-skeleton-title{width:55%;height:20px}.auth-shell .auth-skeleton-sub{width:75%;height:12px;margin-bottom:12px}.auth-shell .auth-skeleton-field{height:42px}.auth-shell .auth-skeleton-btn{background:var(--accent);opacity:.55;height:42px;margin-top:4px;animation:1.4s ease-in-out infinite auth-skeleton-pulse}@keyframes auth-skeleton-spin{to{transform:rotate(360deg)}}@keyframes auth-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes auth-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.auth-shell .auth-skeleton-spinner,.auth-shell .auth-skeleton-title,.auth-shell .auth-skeleton-sub,.auth-shell .auth-skeleton-field,.auth-shell .auth-skeleton-btn{animation:none}}