.lx-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.lx-page:before{content:"";background:radial-gradient(ellipse 70% 50% at 15% 40%, rgba(var(--accent-rgb), .06) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 85% 60%, rgba(var(--accent-rgb), .04) 0%, transparent 70%);pointer-events:none;z-index:0;position:fixed;inset:0}.lx-shell{z-index:1;width:100%;max-width:400px;animation:lx-rise .45s var(--ease-out) both;flex-direction:column;gap:32px;display:flex;position:relative}.lx-shell-wide{max-width:640px}@keyframes lx-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lx-brand{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.lx-logo-mark{width:52px;height:52px;box-shadow:0 0 0 1px rgba(var(--accent-rgb), .18), 0 8px 24px rgba(var(--accent-rgb), .18);background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.lx-logo-mark svg{color:#fff;width:26px;height:26px}.lx-logo-mark img{object-fit:cover;border-radius:14px;width:100%;height:100%}.lx-brand-text{flex-direction:column;gap:4px;display:flex}.lx-brand-name{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:20px;font-weight:800}.lx-brand-sub{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.4}.lx-card{background:rgba(var(--surface-rgb), .85);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid rgba(var(--accent-rgb), .1);box-shadow:0 1px 0 rgba(var(--accent-rgb), .08) inset, 0 24px 48px #00000014, 0 2px 6px #0000000a;border-radius:20px;padding:32px}.lx-form{flex-direction:column;gap:20px;display:flex}.lx-field{flex-direction:column;gap:6px;display:flex}.lx-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:12px;font-weight:700}.lx-input{background:var(--surface-secondary);border:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);appearance:none;border-radius:12px;padding:13px 16px;font-family:inherit;font-size:15px}.lx-input::placeholder{color:var(--ink-muted);opacity:.5}.lx-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12);background:var(--surface);outline:none}.lx-input:disabled{opacity:.55;cursor:not-allowed}.lx-input-otp{letter-spacing:.18em;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.lx-submit{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;cursor:pointer;letter-spacing:-.01em;width:100%;transition:opacity .18s ease, transform .15s var(--ease-out);box-shadow:0 4px 16px rgba(var(--accent-rgb), .3);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;display:flex}.lx-submit:hover:not(:disabled){opacity:.9;box-shadow:0 6px 20px rgba(var(--accent-rgb), .36);transform:translateY(-1px)}.lx-submit:active:not(:disabled){transform:translateY(0)}.lx-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.lx-passkey{flex-direction:column;gap:12px;margin-top:16px;display:flex}.lx-or{color:var(--ink-muted);letter-spacing:.04em;align-items:center;gap:12px;margin:0;font-size:12px;display:flex}.lx-or:before,.lx-or:after{content:"";background:var(--line);flex:1;height:1px}.lx-passkey-btn{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line);cursor:pointer;letter-spacing:-.01em;background:0 0;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700}.lx-passkey-btn:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 4%, transparent)}.lx-passkey-btn:disabled{opacity:.55;cursor:not-allowed}.lx-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite lx-spin}@keyframes lx-spin{to{transform:rotate(360deg)}}.lx-error{color:var(--danger);background:#ef444412;border:1px solid #ef444433;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.45;display:flex}.lx-error svg{opacity:.8;flex-shrink:0;margin-top:1px}.lx-divider{border:none;border-top:1px solid var(--line);opacity:.6;margin:4px 0}.lx-hint{color:var(--ink-muted);text-align:center;font-size:12.5px;line-height:1.5}.lx-hint a{color:var(--accent);font-weight:600;text-decoration:none;transition:opacity .15s}.lx-hint a:hover{opacity:.75}.lx-steps{justify-content:center;align-items:center;gap:6px;display:flex}.lx-step-dot{background:var(--line);width:6px;height:6px;transition:all .2s var(--ease-out);border-radius:50%}.lx-step-dot.active{background:var(--accent);border-radius:3px;width:20px}.lx-setup-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (max-width:560px){.lx-setup-grid{grid-template-columns:1fr}}.lx-qr-wrap{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.lx-qr-wrap img{border:1px solid var(--line);background:#fff;border-radius:12px}.lx-secret-code{word-break:break-all;background:var(--surface-muted);border:1px solid var(--line);color:var(--ink-muted);letter-spacing:.05em;border-radius:8px;padding:6px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-block}.lx-backup-block{flex-direction:column;gap:10px;display:flex}.lx-backup-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0;font-size:12px;font-weight:700}.lx-backup-list{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.lx-backup-list li code{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink-muted);letter-spacing:.04em;text-align:center;border-radius:8px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:block}.lx-setup-steps{counter-reset:setup-step;flex-direction:column;gap:10px;margin-bottom:24px;padding:0;list-style:none;display:flex}.lx-setup-steps li{color:var(--ink-muted);counter-increment:setup-step;align-items:flex-start;gap:12px;font-size:13px;display:flex}.lx-setup-steps li:before{content:counter(setup-step);background:rgba(var(--accent-rgb), .1);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.lx-setup-steps li strong{color:var(--ink)}@media (prefers-reduced-motion:reduce){.lx-shell{animation:none}.lx-submit,.lx-passkey-btn{transition:none}.lx-spinner{animation:1.2s linear infinite lx-spin}}