:root{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f3f5f7;--surface:#fffffff0;--surface-solid:#fff;--surface-muted:#f8fafc;--border:#d7dde5;--border-strong:#c7ced8;--text:#0f172a;--text-muted:#5d6778;--text-subtle:#7b8597;--accent:#111827;--accent-soft:#eff2f6;--success-bg:#ecfdf3;--success-border:#c6f0d8;--success-text:#146c43;--danger-bg:#fef2f2;--danger-border:#f6d1d5;--danger-text:#9f2131;--shadow:0 12px 30px #0f172a0d;background:#f3f5f7;font-family:Avenir Next,Segoe UI Variable Text,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:linear-gradient(180deg, #f8fafb 0%, var(--bg) 100%)}body{min-width:320px;min-height:100vh;color:var(--text);background:0 0;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:1.25rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;max-width:1160px;margin:0 auto;padding:1rem 0 1.5rem;display:flex}.brand{align-items:center;gap:.8rem;min-width:0;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:.08em;border-radius:.8rem;place-items:center;width:2.2rem;height:2.2rem;font-size:.78rem;font-weight:700;display:inline-grid}.brand-name{letter-spacing:-.02em;font-family:Helvetica Neue,Avenir Next,sans-serif;font-size:1rem;font-weight:650}.header-actions,.inline-actions,.auth-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.header-actions{justify-content:flex-end}.auth-links{justify-content:space-between}.auth-links-start{justify-content:flex-start}.header-meta{border:1px solid var(--border);min-height:2.5rem;color:var(--text-muted);background:#ffffffb8;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.92rem;display:inline-flex}.header-link,.button{border:1px solid var(--border);background:var(--surface-solid);min-height:2.5rem;color:var(--text);border-radius:.8rem;justify-content:center;align-items:center;padding:.62rem .95rem;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.button{cursor:pointer}.header-link:hover,.button:hover{border-color:var(--border-strong);background:#fff;box-shadow:0 6px 18px #0f172a0f}.header-link-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.button:disabled{cursor:default;opacity:.62;box-shadow:none}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.button-primary:hover{color:#fff;background:#0b1220;border-color:#0b1220}.button-danger{color:var(--danger-text);border-color:#e8c1c7}.button-full{width:100%}.text-link{color:var(--text-muted);font-size:.94rem}.text-link:hover{color:var(--accent)}.app-main{max-width:1160px;margin:0 auto}.auth-page{place-items:center;min-height:calc(100vh - 8rem);padding:2rem 0 3rem;display:grid}.auth-card{background:var(--surface);width:min(100%,27rem);box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(130%)blur(10px);backdrop-filter:saturate(130%)blur(10px);border:1px solid #d7dde5e0;border-radius:1.2rem;gap:1.5rem;padding:2rem;display:grid}.auth-intro,.page-header-copy,.section-heading,.stack,.field{display:grid}.auth-intro,.page-header-copy{gap:.35rem}.auth-intro h1,.page-header h1,.section-heading h2,.passkey-card h3{letter-spacing:-.03em;margin:0;font-family:Helvetica Neue,Avenir Next,sans-serif}.auth-intro h1,.page-header h1{font-size:clamp(1.65rem,2vw,2rem);font-weight:650}.auth-intro p,.page-description{color:var(--text-muted);margin:0;font-size:.96rem}.auth-footer{border-top:1px solid #d7dde5b8;padding-top:.25rem}.stack{gap:1rem}.field{gap:.45rem}.field span{color:#364152;font-size:.9rem;font-weight:600}.field input{border:1px solid var(--border);width:100%;min-height:2.75rem;color:var(--text);background:#fff;border-radius:.85rem;padding:.78rem .9rem}.field input::placeholder{color:#96a0b0}.field input:focus{border-color:#94a3b8;outline:none;box-shadow:0 0 0 4px #94a3b826}.field-error{color:var(--danger-text);margin:0;font-size:.88rem}.status-banner{border:1px solid var(--border);background:var(--surface-solid);color:var(--text-muted);border-radius:.9rem;margin:0;padding:.9rem 1rem}.status-error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.status-success{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.page-grid{gap:1.25rem;padding-bottom:3rem;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:.35rem;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);margin:0;font-size:.78rem;font-weight:700}.page-card,.passkey-card,.passkey-empty-state,.section-tabs{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d7dde5e6}.page-card,.passkey-card,.passkey-empty-state{border-radius:1.05rem;gap:1rem;padding:1.4rem;display:grid}.section-heading{gap:.25rem}.section-heading h2{font-size:1.05rem;font-weight:650}.detail-grid,.passkey-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.detail-item{background:var(--surface-muted);border:1px solid #d7dde5b8;border-radius:.95rem;align-content:start;gap:.35rem;min-height:5.5rem;padding:.95rem 1rem;display:grid}.detail-item dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin:0;font-size:.78rem;font-weight:700}.detail-item dd{color:var(--text);margin:0}.detail-item-wide{grid-column:1/-1;min-height:6.5rem}.section-tabs{border-radius:.9rem;gap:.35rem;width:fit-content;padding:.35rem;display:inline-flex}.section-tab{min-height:2.35rem;color:var(--text-muted);border-radius:.65rem;justify-content:center;align-items:center;padding:.55rem .85rem;display:inline-flex}.section-tab-active{background:var(--accent);color:#fff}.passkey-add-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.passkey-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.passkey-card,.passkey-empty-state{background:#fff;padding:1rem 1.1rem}.passkey-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.passkey-inline-form{border-top:1px solid #d7dde5cc;gap:1rem;padding-top:1rem;display:grid}@media (width<=960px){.app-shell{padding:1rem}.auth-page{min-height:calc(100vh - 6rem)}}@media (width<=760px){.app-header,.page-header,.passkey-card-header,.passkey-add-form{grid-template-columns:1fr;display:grid}.header-actions,.page-header-actions{justify-content:flex-start}.auth-card{padding:1.5rem}.section-tabs{width:100%}}@media (width<=640px){.auth-page{place-items:start center;min-height:auto;padding:1rem 0 2rem}.header-actions,.inline-actions,.auth-links,.section-tab,.inline-actions .button,.page-header-actions .button{width:100%}.header-actions .header-link,.header-actions .button,.auth-links .text-link{width:auto}.header-meta{justify-content:center;width:100%}.detail-grid,.passkey-meta-grid{grid-template-columns:1fr}.page-card,.passkey-card,.passkey-empty-state,.auth-card{padding:1.15rem}.app-main{padding-bottom:2rem}}