@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--lightningcss-light,oklch(75% .01 265))var(--lightningcss-dark,oklch(30% .02 265)) transparent;scrollbar-width:thin;font-size:16px}}@layer base{body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-block-size:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}#app{flex-direction:column;min-block-size:100dvh;display:flex}#app-header{background:var(--color-bg-surface);border-block-end:1px solid var(--color-border);z-index:100;padding-inline:1rem;animation:linear both header-shadow;animation-timeline:scroll();animation-range:0 150px;position:sticky;inset-block-start:0}@keyframes header-shadow{0%{box-shadow:0 0 #0000;box-shadow:0 0 lab(0% 0 0/0)}to{box-shadow:0 4px 16px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0006);box-shadow:0 4px 16px var(--lightningcss-light,lab(0% 0 0/.08))var(--lightningcss-dark,lab(0% 0 0/.4))}}#app-main{outline:none;flex:1;inline-size:100%;max-inline-size:600px;margin-inline:auto;padding-block:1.5rem;padding-inline:1rem;container-type:inline-size}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::view-transition-old(root){animation:var(--transition) both view-fade-out}::view-transition-new(root){animation:var(--transition) both view-fade-in}@keyframes view-fade-out{to{opacity:0}}@keyframes view-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}@media (prefers-contrast:more){:root{--color-border:var(--lightningcss-light,#989fab)var(--lightningcss-dark,#41465e);--color-text-muted:var(--lightningcss-light,#292e38)var(--lightningcss-dark,#bec4d2);--color-text-dim:var(--lightningcss-light,#424853)var(--lightningcss-dark,#898f9c)}@supports (color:lab(0% 0 0)){:root{--color-border:var(--lightningcss-light,lab(65.1065% -.34219 -7.49285))var(--lightningcss-dark,lab(30.0733% 2.47614 -14.6242));--color-text-muted:var(--lightningcss-light,lab(18.693% -.106797 -7.38921))var(--lightningcss-dark,lab(79.028% -.367552 -7.50574));--color-text-dim:var(--lightningcss-light,lab(30.299% -.210792 -7.43167))var(--lightningcss-dark,lab(59.3058% -.328839 -7.48621))}}.form-input,.inline-edit-value{border-width:2px}:focus-visible{outline-width:3px}}@media (prefers-reduced-transparency:reduce){.confirm-popover::backdrop,.confirm-dialog::backdrop{background:var(--lightningcss-light,#e3e4e8)var(--lightningcss-dark,#010105);background:var(--lightningcss-light,lab(90.6986% -.120312 -1.89211))var(--lightningcss-dark,lab(.426979% .398956 -1.51752))}:root{--color-hover-overlay:var(--lightningcss-light,#e6e8eb)var(--lightningcss-dark,#161929);--color-hover-overlay-subtle:var(--lightningcss-light,#e9ebef)var(--lightningcss-dark,#191c2b)}@supports (color:lab(0% 0 0)){:root{--color-hover-overlay:var(--lightningcss-light,lab(91.8586% -.120372 -1.89216))var(--lightningcss-dark,lab(9.25389% 2.1825 -10.8727));--color-hover-overlay-subtle:var(--lightningcss-light,lab(93.0186% -.120461 -1.89222))var(--lightningcss-dark,lab(10.4174% 2.129 -10.8869))}}}}@layer components{.header-content{justify-content:space-between;align-items:center;block-size:56px;max-inline-size:600px;margin-inline:auto;display:flex}.logo{color:var(--color-text);letter-spacing:-.02em;cursor:pointer;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.header-logo-icon{block-size:28px;inline-size:28px}.auth-logo{justify-content:center;margin-block-end:1.5rem;display:flex}.auth-logo img{block-size:72px;inline-size:72px}.auth-logo.auth-logo--large img{block-size:144px;inline-size:144px}.auth-app-name{text-align:center;color:var(--color-text);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.auth-divider{border:none;border-block-start:1px solid var(--color-border);margin-block:3rem}.view{opacity:1;transition:opacity var(--transition), transform var(--transition);transform:translateY(0)}@starting-style{.view{opacity:0;transform:translateY(4px)}}.view-centered{flex-direction:column;justify-content:center;align-items:center;min-block-size:calc(100dvh - 3rem);display:flex}.view-title{text-wrap:balance;margin-block-end:.5rem;font-size:1.5rem;font-weight:700}.view-subtitle{color:var(--color-text-muted);text-wrap:pretty;margin-block-end:1.5rem;font-size:.9rem}.form-group{margin-block-end:1rem}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition);margin-block-end:.375rem;font-size:.8125rem;font-weight:600;display:block}.form-group:has(.form-input:focus)>.form-label{color:var(--color-text)}.form-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-small);inline-size:100%;color:var(--color-text);transition:border-color var(--transition);padding-block:.75rem;padding-inline:1rem;font-size:1rem}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input::placeholder{color:var(--color-text-dim)}.form-input[readonly]{opacity:.6;cursor:default}.form-input-row{align-items:center;gap:.5rem;display:flex}.form-input-row .form-input{flex:1}.button{border-radius:var(--radius-small);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding-block:.75rem;padding-inline:1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.button-secondary:hover:not(:disabled){border-color:var(--color-text-muted);background:var(--color-hover-overlay)}.button-ghost{color:var(--color-text-muted);background:0 0;padding-block:.5rem;padding-inline:.75rem}.button-ghost:hover{color:var(--color-text);background:var(--color-border)}.button-danger{color:var(--color-error);border:1px solid var(--color-error-border);background:0 0}.button-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.button-danger-solid{background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.button-danger-solid:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.button-small{padding-block:.375rem;padding-inline:.75rem;font-size:.8125rem}.button-full{inline-size:100%}.button-row{gap:.5rem;display:flex}.button-icon{border-radius:var(--radius-small);block-size:32px;inline-size:32px;color:var(--color-text-dim);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.button-icon:hover{color:var(--color-text);background:var(--color-hover-overlay-subtle)}.button-icon:has(+[popover]:popover-open){color:var(--color-text);background:var(--color-hover-overlay-subtle)}.button-icon svg{block-size:16px;inline-size:16px}.button-icon-success:hover{color:var(--color-success)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.card-danger{border-color:var(--color-error-border);background:oklch(from var(--color-error) l c h / .05)}.section-card{flex-direction:column;gap:.75rem;display:flex}.section-card .view-title{margin-block:-.125rem .25rem;font-size:1.125rem}.section-card .view-subtitle{margin-block-end:0}.section-card>.button{align-self:flex-start}@container (inline-size>=480px){.section-card{flex-direction:row;justify-content:space-between;align-items:center}.section-card>.button{flex-shrink:0;align-self:auto}}.section-card-header{justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.section-card-header .view-title{margin-block:-.125rem .25rem;font-size:1.125rem}.section-card-header .view-subtitle{margin-block-end:0}.passkeys-card{padding:0}.passkeys-card:has(.empty-state) .section-card-header{border-block-end:1px solid oklch(from var(--color-border) l c h / .5)}.passkey-item{border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-block:1rem;padding-inline:1.25rem;display:flex}.passkey-item-name{margin-block-end:.25rem;font-size:1rem;font-weight:600}.card-meta{color:var(--color-text-muted);font-size:.8125rem}.collection-item-actions{align-items:center;gap:.5rem;display:flex}.badge-active{letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-small);padding-block:.125rem;padding-inline:.5rem;font-size:.625rem;font-weight:700}.confirm-popover{inset:unset;right:calc(anchor(left) + 8px);top:anchor(center);position-try-fallbacks:flip-inline;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-elevated);opacity:1;max-inline-size:240px;transition:opacity var(--transition), scale var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;margin:0;padding:1rem;overflow:visible;translate:0 -50%;scale:1}@starting-style{.confirm-popover{opacity:0;scale:.9}}.confirm-popover:before{content:"";border:6px solid #0000;border-left-color:var(--color-border);margin-top:-6px;position:absolute;top:50%;left:100%}.confirm-popover:after{content:"";border:5px solid #0000;border-left-color:var(--color-bg-surface);margin-top:-5px;position:absolute;top:50%;left:calc(100% - 1px)}.confirm-popover::backdrop{transition:background var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;background:#0006;background:lab(0% 0 0/.4)}@starting-style{.confirm-popover::backdrop{background:0 0;background:lab(0% 0 0/0)}}.confirm-popover p{margin-block-end:.75rem;font-size:.875rem}.confirm-dialog{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-elevated);overscroll-behavior:contain;opacity:1;inline-size:calc(100% - 2rem);max-inline-size:400px;transition:opacity var(--transition), scale var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;margin:auto;padding:1.5rem;scale:1}@starting-style{.confirm-dialog{opacity:0;scale:.95}}.confirm-dialog::backdrop{transition:background var(--transition), overlay var(--transition) allow-discrete, display var(--transition) allow-discrete;background:#0006;background:lab(0% 0 0/.4)}@starting-style{.confirm-dialog::backdrop{background:0 0;background:lab(0% 0 0/0)}}.confirm-dialog .confirm-dialog-title{margin-block-end:.5rem;font-size:1.125rem;font-weight:600}.confirm-dialog .confirm-dialog-message{color:var(--color-text-muted);text-wrap:pretty;margin-block-end:1.25rem;font-size:.875rem}.confirm-dialog .form-group{margin-block-end:1rem}.confirm-dialog-danger{border-color:var(--color-error-border)}.account-card{padding:0}.account-row{transition:background var(--transition);flex-direction:column;gap:.25rem;padding-block:1rem;padding-inline:1.25rem;display:flex}.account-row+.account-row{border-block-start:1px solid var(--color-border)}.account-row:has(.inline-edit-input:not(.hidden)){background:var(--color-hover-overlay-subtle)}.account-field-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.account-field-row{align-items:center;gap:.5rem;display:flex}.account-field{flex:1;min-inline-size:0}.account-field-value{align-items:center;gap:.5rem;block-size:32px;font-size:1rem;display:flex}.account-field-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.inline-edit-value{border:1px solid #0000}.inline-edit-input{field-sizing:content;block-size:32px;min-inline-size:8ch;padding-block:0;padding-inline:.5rem}.inline-edit-hint{color:var(--color-text-muted);block-size:auto;transition:block-size var(--transition);font-size:.8125rem;overflow:clip}.inline-edit-hint.hidden{block-size:0}.verified-badge{color:var(--color-success);flex-shrink:0;align-items:center;display:inline-flex}.verified-badge svg{block-size:16px;inline-size:16px}.alert{border-radius:var(--radius-small);margin-block-end:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem}.alert-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.loading-spinner{border:3px solid var(--color-border);border-block-start-color:var(--color-primary);border-radius:50%;block-size:32px;inline-size:32px;margin-block:3rem;margin-inline:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--color-text-muted);padding-block:3rem;padding-inline:1rem}.empty-state-title{color:var(--color-text);margin-block-end:.5rem;font-size:1.125rem;font-weight:600}.link{color:var(--color-primary);cursor:pointer;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.auth-toggle{text-align:center;color:var(--color-text-muted);margin-block-start:1.5rem;font-size:.875rem}.recover-hint{color:var(--color-text-dim);text-align:center;margin-block:.75rem 0;font-size:.8125rem}}@layer utilities{.hidden{display:none}.margin-top-1{margin-block-start:.5rem}.margin-top-2{margin-block-start:1rem}.margin-top-3{margin-block-start:1.5rem}.margin-bottom-1{margin-block-end:.5rem}.margin-bottom-2{margin-block-end:1rem}.skip-navigation{z-index:200;background:var(--color-primary);color:#fff;border-radius:var(--radius-small);padding-block:.5rem;padding-inline:1rem;font-weight:600;text-decoration:none;position:absolute;inset-block-start:-100%;inset-inline-start:1rem}.skip-navigation:focus{inset-block-start:.5rem}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}:root{interpolate-size:allow-keywords;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--color-primary);--color-bg:var(--lightningcss-light,#f3f5f9)var(--lightningcss-dark,#0f101f);--color-bg-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d1528);--color-bg-card:var(--lightningcss-light,#f7f8fa)var(--lightningcss-dark,#012854);--color-bg-input:var(--lightningcss-light,#f8f8fa)var(--lightningcss-dark,#0f1225);--color-primary:var(--lightningcss-light,#bc0036)var(--lightningcss-dark,#da3550);--color-primary-hover:oklch(from var(--color-primary) calc(l * .85) c h);--color-text:var(--lightningcss-light,#070b14)var(--lightningcss-dark,#eceff2);--color-text-muted:var(--lightningcss-light,#424853)var(--lightningcss-dark,#9ea5b2);--color-text-dim:var(--lightningcss-light,#6c727e)var(--lightningcss-dark,#636975);--color-border:var(--lightningcss-light,#d1d4db)var(--lightningcss-dark,#1a1e32);--color-success:var(--lightningcss-light,#006925)var(--lightningcss-dark,#50da79);--color-error:var(--lightningcss-light,#ba0329)var(--lightningcss-dark,#f2696a);--color-warning:var(--lightningcss-light,#986700)var(--lightningcss-dark,#fdb500);--color-error-bg:oklch(from var(--color-error) l c h / .1);--color-error-border:oklch(from var(--color-error) l c h / .3);--color-success-bg:oklch(from var(--color-success) l c h / .1);--color-success-border:oklch(from var(--color-success) l c h / .3);--color-warning-bg:oklch(from var(--color-warning) l c h / .1);--color-warning-border:oklch(from var(--color-warning) l c h / .3);--color-primary-bg:oklch(from var(--color-primary) l c h / .1);--color-danger-hover:oklch(from var(--color-error) calc(l * .85) c h);--color-hover-overlay:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0d);--color-hover-overlay-subtle:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff0f);--radius-small:6px;--radius-md:10px;--radius-lg:16px;--shadow:0 2px 8px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0000004d);--shadow-elevated:0 8px 32px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#0000004d), 0 2px 8px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#0003);--transition:.15s ease}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--color-bg:var(--lightningcss-light,lab(96.4987% -.120729 -1.89235))var(--lightningcss-dark,lab(5.03444% 2.4611 -9.88059));--color-bg-surface:var(--lightningcss-light,lab(100% 0 0))var(--lightningcss-dark,lab(6.93329% 1.43194 -14.2408));--color-bg-card:var(--lightningcss-light,lab(97.6673% -.0742972 -1.13653))var(--lightningcss-dark,lab(15.7727% 2.39243 -30.8645));--color-bg-input:var(--lightningcss-light,lab(97.6607% .10255 -1.13487))var(--lightningcss-dark,lab(5.8516% 3.2298 -13.9173));--color-primary:var(--lightningcss-light,lab(39.5621% 70.9735 30.3488))var(--lightningcss-dark,lab(50.2519% 64.5436 25.8583));--color-text:var(--lightningcss-light,lab(2.97972% .168405 -4.74547))var(--lightningcss-dark,lab(94.1962% -.55328 -1.78922));--color-text-muted:var(--lightningcss-light,lab(30.299% -.210792 -7.43167))var(--lightningcss-dark,lab(67.4268% -.347018 -7.49527));--color-text-dim:var(--lightningcss-light,lab(47.7038% -.294715 -7.46969))var(--lightningcss-dark,lab(44.2231% -.2819 -7.46365));--color-border:var(--lightningcss-light,lab(84.8762% -.222534 -3.77378))var(--lightningcss-dark,lab(11.4609% 3.27798 -14.4099));--color-success:var(--lightningcss-light,lab(38.1376% -49.3699 33.9704))var(--lightningcss-dark,lab(77.904% -54.3719 35.8758));--color-error:var(--lightningcss-light,lab(39.8872% 64.0079 35.9042))var(--lightningcss-dark,lab(62.3019% 54.0375 27.2035));--color-warning:var(--lightningcss-light,lab(47.5707% 22.0359 114.312))var(--lightningcss-dark,lab(79.1101% 18.4987 81.2165));--color-hover-overlay:var(--lightningcss-light,lab(0% 0 0/.04))var(--lightningcss-dark,lab(100% 0 0/.05));--color-hover-overlay-subtle:var(--lightningcss-light,lab(0% 0 0/.03))var(--lightningcss-dark,lab(100% 0 0/.06));--shadow:0 2px 8px var(--lightningcss-light,lab(0% 0 0/.08))var(--lightningcss-dark,lab(0% 0 0/.3));--shadow-elevated:0 8px 32px var(--lightningcss-light,lab(0% 0 0/.12))var(--lightningcss-dark,lab(0% 0 0/.3)), 0 2px 8px var(--lightningcss-light,lab(0% 0 0/.06))var(--lightningcss-dark,lab(0% 0 0/.2))}}