@font-face{font-family:Geist;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:oklch(98.5% .002 240);--foreground:oklch(21% .006 240);--card:oklch(99.5% .001 240);--card-foreground:oklch(21% .006 240);--primary:oklch(32% .014 240);--primary-foreground:oklch(98% .002 240);--secondary:oklch(94% .006 240);--secondary-foreground:oklch(28% .01 240);--muted:oklch(95.5% .004 240);--muted-foreground:oklch(50% .012 240);--accent:oklch(92% .008 240);--accent-foreground:oklch(28% .01 240);--destructive:oklch(58% .22 27);--success:oklch(55% .15 152);--warning:oklch(75% .16 80);--border:oklch(90% .006 240);--input:oklch(90% .006 240);--ring:oklch(32% .014 240);--radius:6px;--radius-sm:calc(var(--radius) - 2px);--radius-lg:calc(var(--radius) + 4px);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.25rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-size:14px;line-height:1.5}.shell{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.card{background:var(--card);width:100%;max-width:380px;color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-wide{max-width:480px}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.tab{padding:var(--space-2) var(--space-3);color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.85rem;font-weight:600}.tab-active{color:var(--primary);border-bottom-color:var(--primary)}.card-icon{border-radius:var(--radius);background:var(--secondary);width:2.5rem;height:2.5rem;color:var(--secondary-foreground);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.card h1{margin:0 0 var(--space-1);align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:600;display:flex}.sub{color:var(--muted-foreground);margin:var(--space-1) 0 var(--space-4);font-size:.85rem}.form{gap:var(--space-3);flex-direction:column;display:flex}.field-label{align-items:center;gap:var(--space-2);color:var(--muted-foreground);margin-bottom:calc(var(--space-1) * -1);font-size:.8rem;display:flex}.form input{padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--input);background:var(--background);color:var(--foreground);font:inherit;font-size:.9rem}.form input:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font:inherit;cursor:pointer;text-align:center;border:1px solid #0000;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.icon-btn{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--accent);color:var(--accent-foreground)}.btn-icon{padding:var(--space-1)}.passkey-rename-input{flex:1;width:auto}.btn-row{gap:var(--space-2);flex-direction:row;align-items:center;display:flex}.error{align-items:flex-start;gap:var(--space-2);color:var(--destructive);background:color-mix(in oklch, var(--destructive) 10%, var(--background));border:1px solid color-mix(in oklch, var(--destructive) 30%, var(--border));border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:0;font-size:.82rem;display:flex}a{color:var(--primary)}.otp-display{justify-content:center;align-items:center;gap:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:.3em;text-align:center;margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius);background:var(--muted);border:1px solid var(--border);color:var(--foreground);font-size:1.5rem;font-weight:700;display:flex}.otp-input{width:6rem;padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--input);background:var(--background);color:var(--foreground);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.1em;text-align:center;font-size:.9rem}.badge{align-items:center;gap:var(--space-1);padding:.1rem var(--space-2);background:var(--warning);color:var(--foreground);border-radius:999px;font-size:.68rem;font-weight:700;display:inline-flex}.section-title{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600;display:flex}.passkey-list{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.passkey-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--muted);border:1px solid var(--border);display:flex}.passkey-item-icon{border-radius:var(--radius-sm);background:var(--accent);width:1.75rem;height:1.75rem;color:var(--accent-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.passkey-item-column{align-items:stretch;gap:var(--space-3);flex-direction:column}.passkey-item-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.passkey-name{font-weight:600}.passkey-meta{color:var(--muted-foreground);font-size:.78rem}.inline-icon-text{align-items:center;gap:var(--space-2);display:flex}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);color:var(--muted-foreground);text-align:center;flex-direction:column;display:flex}