@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-sans-latin-400-normal-gapTbOY8.woff2) format("woff2"),url(/assets/geist-sans-latin-400-normal-BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-sans-latin-500-normal-uokXdC-Q.woff2) format("woff2"),url(/assets/geist-sans-latin-500-normal-CN2lyvyL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-sans-latin-600-normal-DFOURf8L.woff2) format("woff2"),url(/assets/geist-sans-latin-600-normal-CA1yjETN.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-sans-latin-700-normal-BmN9tIp5.woff2) format("woff2"),url(/assets/geist-sans-latin-700-normal-CjScfYeH.woff) format("woff")}:root,:root[data-theme=dark]{--color-brand: #7c5cfc;--color-brand-hover: #6d4ff5;--color-brand-text: #ffffff;--color-bg: #0e0e17;--color-bg-subtle: #0b0b12;--color-surface: #16161f;--color-surface-hover: #1c1c28;--color-border: #26263a;--color-text: #f4f4f7;--color-text-muted: #9393a8;--color-dark-surface: #16161f;--color-dark-surface-text: #f4f4f7;--color-success: #22c55e;--color-success-bg: #142a1c;--color-strength: #2dd4bf;--color-warning: #f59e0b;--color-danger: #f87171;--color-danger-bg: #2a1518;--shadow-card: 0 1px 2px rgba(0, 0, 0, .24), 0 8px 24px rgba(0, 0, 0, .32)}:root[data-theme=light]{--color-brand: #7c5cfc;--color-brand-hover: #6d4ff5;--color-brand-text: #ffffff;--color-bg: #ffffff;--color-bg-subtle: #f6f5fb;--color-surface: #ffffff;--color-surface-hover: #f1f0f9;--color-border: #e4e2f0;--color-text: #1c1b2e;--color-text-muted: #6b6a80;--color-dark-surface: #1c1b2e;--color-dark-surface-text: #f6f5fb;--color-success: #16a34a;--color-success-bg: #eafbef;--color-strength: #0f9d91;--color-warning: #b45309;--color-danger: #dc2626;--color-danger-bg: #fdecec;--shadow-card: 0 1px 2px rgba(28, 27, 46, .06), 0 8px 24px rgba(28, 27, 46, .08)}@media (prefers-color-scheme: light){:root:not([data-theme]){--color-brand: #7c5cfc;--color-brand-hover: #6d4ff5;--color-brand-text: #ffffff;--color-bg: #ffffff;--color-bg-subtle: #f6f5fb;--color-surface: #ffffff;--color-surface-hover: #f1f0f9;--color-border: #e4e2f0;--color-text: #1c1b2e;--color-text-muted: #6b6a80;--color-dark-surface: #1c1b2e;--color-dark-surface-text: #f6f5fb;--color-success: #16a34a;--color-success-bg: #eafbef;--color-strength: #0f9d91;--color-warning: #b45309;--color-danger: #dc2626;--color-danger-bg: #fdecec;--shadow-card: 0 1px 2px rgba(28, 27, 46, .06), 0 8px 24px rgba(28, 27, 46, .08)}}:root{--radius-small: .5rem;--radius-main: 1rem;--radius-large: 2.25rem;--radius-round: 100vw;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--font-family-base: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg-subtle);color:var(--color-text);font-family:var(--font-family-base);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 var(--space-2);font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:1.75rem}p{margin:0 0 var(--space-3);color:var(--color-text-muted)}code,pre{font-family:ui-monospace,monospace}a{color:var(--color-text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-round);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:1rem;line-height:1;transition:background-color .15s ease}.theme-toggle:hover{background:var(--color-surface-hover)}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.auth-page__theme-toggle{position:absolute;top:var(--space-4);right:var(--space-4)}.auth-card{width:100%;max-width:26rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-main);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-5)}.auth-card__brand{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-small);background:var(--color-brand);color:var(--color-brand-text);font-weight:700;margin-bottom:var(--space-3)}.auth-card__body,.auth-card__body form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-card__alert{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background:var(--color-danger-bg);color:var(--color-danger);font-size:.875rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border:1px solid transparent;border-radius:var(--radius-round);padding:.75rem 1.5rem;min-height:2.75rem;font-family:var(--font-family-base);font-size:.9375rem;font-weight:600;line-height:1;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background:var(--color-brand);color:var(--color-brand-text)}.button--primary:hover:not(:disabled){opacity:.9}.button--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.button--secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.button--tertiary{background:var(--color-dark-surface);color:var(--color-dark-surface-text)}.button--tertiary:hover:not(:disabled){opacity:.9}.button--danger{background:var(--color-danger);color:#fff}.button--danger:hover:not(:disabled){opacity:.9}.button--full-width{width:100%}.form-field{display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.form-field__label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-field__input{width:100%;min-width:0;min-height:2.75rem;font-family:var(--font-family-base);font-size:1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-bg);color:var(--color-text)}.form-field__input::placeholder{color:var(--color-text-muted)}.form-field__input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 35%,transparent)}.recovery-code{margin:0;padding:var(--space-3);border-radius:var(--radius-small);background:var(--color-dark-surface);color:var(--color-dark-surface-text);font-size:1.1rem;letter-spacing:.05em;text-align:center;overflow-wrap:break-word;white-space:pre-wrap}.recovery-confirm{display:flex;align-items:center;gap:var(--space-1);font-size:.9rem;color:var(--color-text)}.totp-qr{display:block;margin:0 auto;width:12rem;height:12rem;border:1px solid var(--color-border);border-radius:var(--radius-small)}.totp-secret{font-size:.85rem;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal{width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;overflow-x:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-main);box-shadow:var(--shadow-card);padding:var(--space-5)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.modal__title{margin:0;font-size:1.125rem}.modal__close{border:none;background:transparent;color:var(--color-text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:var(--space-1)}.modal__close:hover{color:var(--color-text)}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;width:100%;max-height:92vh;border-radius:var(--radius-main) var(--radius-main) 0 0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}}.confirm-dialog__message{margin:0 0 var(--space-4);color:var(--color-text);font-size:.9rem;line-height:1.4}.confirm-dialog__actions{display:flex;gap:var(--space-2)}@media (max-width: 640px){.password-generator-button__text{display:none}}.item-type-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-small);font-size:1.125rem;flex-shrink:0}.item-type-icon--login{background:color-mix(in srgb,var(--color-brand) 20%,transparent);color:var(--color-brand)}.item-type-icon--card{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.item-type-icon--note{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}.item-type-icon--alias{background:color-mix(in srgb,#ec4899 20%,transparent);color:#ec4899}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-small);font-size:.9375rem;font-weight:700;flex-shrink:0}.item-form{display:flex;flex-direction:column;gap:var(--space-3)}.item-form__password-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-2)}.item-form__password-row .form-field{flex:1;min-width:8rem}.item-form__actions{display:flex;gap:var(--space-2)}.item-form__actions .button{flex:1}.item-form__textarea{font-family:var(--font-family-base);font-size:1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-bg);color:var(--color-text);resize:vertical;min-height:4rem}.item-form__textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 35%,transparent)}.item-form__tabs{display:flex;gap:var(--space-1);background:var(--color-bg);border-radius:var(--radius-round);padding:.25rem}.item-form__tab{flex:1;border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-family-base);font-size:.875rem;font-weight:600;padding:.5rem .75rem;border-radius:var(--radius-round);cursor:pointer}.item-form__tab--active{background:var(--color-brand);color:var(--color-brand-text)}.item-form__hint{margin:0;font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-small);padding:var(--space-2)}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.item-list__row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-small);background:transparent;cursor:pointer;text-align:left;font-family:var(--font-family-base);color:var(--color-text)}.item-list__row:hover{background:var(--color-surface-hover)}.item-list__row--active{background:color-mix(in srgb,var(--color-brand) 14%,transparent);border-color:color-mix(in srgb,var(--color-brand) 40%,transparent)}.item-list__info{min-width:0}.item-list__title{font-weight:600;margin:0;display:flex;align-items:center;gap:var(--space-1)}.item-list__favorite{color:var(--color-warning);font-size:.8rem}.item-list__username{margin:0;font-size:.875rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-list__empty{color:var(--color-text-muted);text-align:center;padding:var(--space-4) 0}.item-detail{flex:1;padding:var(--space-5);overflow-y:auto}.item-detail__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.item-detail__heading{display:flex;align-items:center;gap:var(--space-2)}.item-detail__back{display:none;border:none;background:transparent;color:var(--color-text);font-size:1.25rem;line-height:1;cursor:pointer;padding:var(--space-1);margin-right:var(--space-1);min-width:2.75rem;min-height:2.75rem}.item-detail__title{margin:0;font-size:1.25rem}.item-detail__breadcrumb{margin:0;font-size:.8rem;color:var(--color-text-muted)}.item-detail__actions{display:flex;gap:var(--space-1)}.item-detail__icon-button{border:none;background:transparent;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-small)}.item-detail__icon-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.item-detail__icon-button--active{color:var(--color-warning)}.item-detail__field{margin-bottom:var(--space-3)}.item-detail__label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-1)}.item-detail__value-row{display:flex;align-items:center;gap:var(--space-2);padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-bg)}.item-detail__value{flex:1;color:var(--color-text);overflow-wrap:anywhere;font-family:var(--font-family-base)}.item-detail__value--mono{font-family:ui-monospace,monospace}.item-detail__value-actions{display:flex;gap:var(--space-1);flex-shrink:0}.item-detail__value-action{border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:.95rem;padding:.125rem}.item-detail__value-action:hover{color:var(--color-text)}.item-detail__strength-row{display:flex;align-items:center;justify-content:space-between;margin:var(--space-1) 0}.item-detail__strength-label{font-size:.8rem;color:var(--color-text-muted)}.item-detail__strength-value{font-size:.8rem;font-weight:600;color:var(--color-strength)}.item-detail__strength-bar{height:.25rem;border-radius:var(--radius-round);background:var(--color-border);overflow:hidden}.item-detail__strength-fill{height:100%;background:var(--color-strength)}.item-detail__status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8rem;padding:.35rem .75rem;border-radius:var(--radius-small);background:var(--color-bg-subtle);color:var(--color-text-muted)}.item-detail__status--active{background:var(--color-success-bg);color:var(--color-success)}.item-detail__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);font-size:.75rem;color:var(--color-text-muted)}.item-detail__edit-action{margin-top:var(--space-4)}.item-detail__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.members-panel{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.members-panel__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0}.members-panel__email{font-weight:500}.members-panel__role{font-size:.8rem;color:var(--color-text-muted);text-transform:capitalize}.members-panel__invite{display:flex;gap:var(--space-2);align-items:flex-end;margin-top:var(--space-3)}.members-panel__invite .form-field{flex:1}.members-panel__role-select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text)}.mobile-type-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.mobile-type-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.125rem;border:none;background:transparent;color:var(--color-text-muted);padding:.4rem 0;min-height:3rem;cursor:pointer}.mobile-type-bar__icon{font-size:1.125rem}.mobile-type-bar__label{font-size:.625rem;font-weight:600}.mobile-type-bar__count{font-size:.625rem;color:var(--color-text-muted)}.mobile-type-bar__item--active,.mobile-type-bar__item--active .mobile-type-bar__count{color:var(--color-brand)}@media (max-width: 640px){.mobile-type-bar{display:flex}}.sidebar{width:16rem;flex-shrink:0;height:100vh;display:flex;flex-direction:column;background:var(--color-bg-subtle);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3);overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.sidebar__brand-icon{font-size:1.25rem}.sidebar__brand-name{font-weight:700;color:var(--color-text)}.sidebar__brand-badge{font-size:.6875rem;font-weight:700;color:var(--color-brand);background:color-mix(in srgb,var(--color-brand) 18%,transparent);padding:.125rem .4rem;border-radius:var(--radius-small)}.sidebar__theme-toggle{margin-left:auto}.sidebar__close{border:none;background:transparent;color:var(--color-text-muted);font-size:1rem;cursor:pointer;padding:var(--space-1);min-width:2.75rem;min-height:2.75rem}.sidebar__warnings{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.sidebar__warning{font-size:.8125rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.sidebar__new-item{margin-bottom:var(--space-4)}.sidebar__section-title{font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin:var(--space-3) 0 var(--space-1)}.sidebar__nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:.5rem var(--space-2);border:none;background:transparent;border-radius:var(--radius-small);color:var(--color-text);font-family:var(--font-family-base);font-size:.9rem;cursor:pointer;text-align:left}.sidebar__nav-main{display:flex;align-items:center;gap:var(--space-2)}.sidebar__nav-icon{display:inline-flex;font-size:1rem;color:var(--color-text-muted)}.sidebar__nav-item--active .sidebar__nav-icon{color:var(--color-brand)}.sidebar__nav-row{display:flex;align-items:center;gap:var(--space-1)}.sidebar__nav-row .sidebar__nav-item{flex:1}.sidebar__nav-delete{border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);min-width:2.25rem;min-height:2.25rem;border-radius:var(--radius-small)}.sidebar__nav-delete:hover{background:var(--color-danger-bg);color:var(--color-danger)}.sidebar__nav-item:hover{background:var(--color-surface-hover)}.sidebar__nav-item--active{background:color-mix(in srgb,var(--color-brand) 16%,transparent);color:var(--color-brand);font-weight:600}.sidebar__nav-count{font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-round);padding:.05rem .45rem}.sidebar__nav-item--active .sidebar__nav-count{color:var(--color-brand)}.sidebar__spacer{flex:1}.sidebar__footer{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.sidebar__avatar{width:2rem;height:2rem;border-radius:var(--radius-round);background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text);flex-shrink:0}.sidebar__user{min-width:0}.sidebar__user-email{font-size:.8rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout{margin-left:auto;flex-shrink:0}.sidebar-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:30;display:flex}.sidebar-drawer-panel{height:100%;height:100dvh;max-width:85vw}.sidebar-drawer-panel .sidebar{height:100%;width:16rem;max-width:85vw}.vault-shell{display:flex;height:100vh;background:var(--color-bg)}.vault-shell__list{width:20rem;flex-shrink:0;border-right:1px solid var(--color-border);padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.vault-shell__list-header{display:flex;gap:var(--space-2);align-items:flex-end}.vault-shell__list-header .form-field{flex:1}.vault-shell__error{color:var(--color-danger);font-size:.875rem;margin:0}.vault-shell__create-vault-form{display:flex;flex-direction:column;gap:var(--space-3)}.vault-shell__mobile-header{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top));border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle)}.vault-shell__hamburger{border:none;background:transparent;color:var(--color-text);font-size:1.25rem;cursor:pointer;min-width:2.75rem;min-height:2.75rem}.vault-shell__mobile-brand{flex:1;font-weight:700;color:var(--color-text)}.vault-shell__mobile-new{border:none;border-radius:var(--radius-small);background:var(--color-brand);color:var(--color-brand-text);font-size:1.25rem;line-height:1;cursor:pointer;min-width:2.75rem;min-height:2.75rem}.vault-shell__favorites-link{display:none;align-self:flex-start;border:none;background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:600;cursor:pointer;padding:var(--space-1) 0}@media (max-width: 900px){.vault-shell{flex-direction:column;height:auto}.sidebar,.vault-shell__list{width:100%;height:auto}}@media (max-width: 640px){.vault-shell{height:100vh;height:100dvh}.vault-shell>.sidebar{display:none}.vault-shell__mobile-header{display:flex}.vault-shell__favorites-link{display:inline-flex}.vault-shell__list{display:flex;height:100%;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.vault-shell .item-detail,.vault-shell--detail-active .vault-shell__list{display:none}.vault-shell--detail-active .item-detail{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--color-bg);padding-bottom:env(safe-area-inset-bottom)}.vault-shell--detail-active .mobile-type-bar,.vault-shell--detail-active .vault-shell__mobile-header{display:none}}