:root{color-scheme:dark;--c-bg-base: #0b0d12;--c-bg-raised: #12151c;--c-bg-overlay: #171b24;--c-bg-sunken: #080a0e;--c-bg-hover: #1c212b;--c-bg-active: #232935;--c-border: #262c38;--c-border-strong: #38404f;--c-text: #e8eaf0;--c-text-muted: #9aa3b4;--c-text-subtle: #6b7385;--c-text-on-accent: #ffffff;--c-accent: #4f8cff;--c-accent-hover: #6ea0ff;--c-accent-active: #3d78e8;--c-accent-subtle: rgb(79 140 255 / .12);--c-danger: #ff5f6d;--c-danger-hover: #ff7a85;--c-danger-subtle: rgb(255 95 109 / .12);--c-success: #4fd67a;--c-success-subtle: rgb(79 214 122 / .12);--c-warning: #ffb454;--c-warning-subtle: rgb(255 180 84 / .12);--c-focus: #8ab4ff;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .45);--shadow-lg: 0 16px 48px rgb(0 0 0 / .6);--ring-focus: 0 0 0 2px var(--c-bg-base), 0 0 0 4px var(--c-focus);--z-sticky: 10;--z-backdrop: 100;--z-modal: 110;--z-toast: 200;--dur-fast: .12s;--dur-normal: .18s;--dur-slow: .26s;--ease-out: cubic-bezier(.2, .8, .3, 1);--w-content: 44rem;--w-wide: 76rem;--tap-min: 44px}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-normal: 0ms;--dur-slow: 0ms}}*{box-sizing:border-box}hr{border:none;border-top:1px solid var(--c-border);margin:0}body{margin:0;min-height:100vh;background:var(--c-bg-base);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal)}:focus-visible{outline:none;box-shadow:var(--ring-focus)}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:var(--fw-semibold);line-height:var(--lh-tight)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}code{font-family:var(--font-mono)}#root{padding:var(--sp-8) var(--sp-4) var(--sp-16)}.container{max-width:var(--w-content);margin:0 auto}.container--wide{max-width:var(--w-wide);margin:0 auto}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stack--tight{gap:var(--sp-2)}.row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.row-between{display:flex;justify-content:space-between;align-items:center}.hint{color:var(--c-text-muted);font-size:var(--fs-sm)}.error{color:var(--c-danger);font-size:var(--fs-sm)}.notice{color:var(--c-warning);font-size:var(--fs-sm)}.field-value{font-family:var(--font-mono);font-size:var(--fs-base);overflow-wrap:anywhere}.u-break-all{overflow-wrap:anywhere}.u-flex-1{flex:1}.totp-code{letter-spacing:.1em}.notes{white-space:pre-wrap}.badge{display:inline-block;font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full);background:var(--c-bg-active);color:var(--c-text-muted)}.badge-critical{background:var(--c-danger);color:var(--c-text-on-accent);margin-left:var(--sp-2)}.icon{flex-shrink:0}.badge__remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:var(--sp-1);min-height:0}.badge__remove:hover{background:none}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-base);font-weight:var(--fw-medium);font-family:inherit;background:var(--c-accent);color:var(--c-text-on-accent);min-height:var(--tap-min)}button:hover{background:var(--c-accent-hover)}button:active{background:var(--c-accent-active)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--c-border-strong);color:var(--c-text)}button.secondary:hover{background:var(--c-bg-hover)}button.secondary:active{background:var(--c-bg-active)}button.danger{background:var(--c-danger)}button.danger:hover{background:var(--c-danger-hover)}button.small{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);min-height:var(--tap-min)}.button--loading{position:relative}.button--loading .button__label{visibility:hidden}.button__spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1rem;height:1rem;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:var(--radius-full);animation:button-spin var(--dur-slow) linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}label{font-size:var(--fs-sm);color:var(--c-text-muted);display:block;margin-bottom:var(--sp-1)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--c-bg-sunken);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-size:var(--fs-base);font-family:inherit;min-height:var(--tap-min)}textarea{resize:vertical;min-height:4rem}input[type=checkbox],input[type=radio]{accent-color:var(--c-accent)}.strength-meter{gap:var(--sp-1);margin-top:var(--sp-2)}.strength-bar{height:6px;border-radius:var(--radius-full);background:var(--c-border);overflow:hidden}.strength-bar-fill{height:100%;transition:width var(--dur-normal) var(--ease-out)}.strength-bar-fill[data-score="0"],.strength-bar-fill[data-score="1"]{background:var(--c-danger)}.strength-bar-fill[data-score="2"]{background:var(--c-warning)}.strength-bar-fill[data-score="3"],.strength-bar-fill[data-score="4"]{background:var(--c-success)}.panel{background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-6)}.item-card{background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-4)}.password-generator{padding:var(--sp-4)}.password-generator__preview{font-size:var(--fs-md);overflow-wrap:anywhere}.advanced{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-3)}.advanced>summary{cursor:pointer;font-size:var(--fs-sm);color:var(--c-text-muted);-webkit-user-select:none;user-select:none}.advanced>summary .badge{margin-left:var(--sp-2)}.advanced[open]>summary{margin-bottom:var(--sp-3)}.advanced>*:not(summary)+*{margin-top:var(--sp-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-12) var(--sp-4);overflow-y:auto;z-index:var(--z-backdrop)}.modal{background:var(--c-bg-overlay);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-6);width:100%;box-shadow:var(--shadow-lg);z-index:var(--z-modal)}.modal--sm{max-width:360px}.modal--md{max-width:480px}.modal--lg{max-width:640px}.modal--xl{max-width:700px}.modal__close,.modal__header,.modal__footer{flex-shrink:0}.modal__body{min-width:0}@media (max-width: 767px){.modal-backdrop{padding:0;align-items:stretch}.modal{max-width:none;height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column}.modal__body{flex:1;overflow-y:auto}}.toast-stack{position:fixed;bottom:var(--sp-4);right:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);z-index:var(--z-toast);max-width:min(24rem,calc(100vw - var(--sp-8)))}.toast{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-bg-overlay);box-shadow:var(--shadow-md);font-size:var(--fs-sm)}.toast--success{border-color:var(--c-success)}.toast--success .icon{color:var(--c-success)}.toast--error{border-color:var(--c-danger)}.toast--error .icon{color:var(--c-danger)}.toast span{flex:1}.toast__close{background:none;border:none;padding:0;min-height:0;color:var(--c-text-muted)}.toast__close:hover{background:none;color:var(--c-text)}.confirm-dialog__body{align-items:flex-start}.confirm-dialog__body .icon{color:var(--c-danger);flex-shrink:0;margin-top:2px}.empty-state{align-items:center;text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--c-text-muted)}.skeleton{border-radius:var(--radius-sm);background:var(--c-bg-hover);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{background-color:var(--c-bg-hover)}50%{background-color:var(--c-bg-active)}}.item-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid transparent;min-height:56px}.item-row:hover{background:var(--c-bg-hover)}.item-row--selected{background:var(--c-bg-active);border-color:var(--c-border-strong)}.item-row__main{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;background:none;border:none;padding:0;min-height:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.item-row__main:hover{background:none}.item-row__monogram{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.item-row__text{display:flex;flex-direction:column;min-width:0}.item-row__title{font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row__subtitle{color:var(--c-text-muted);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row__actions{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.item-row__action{background:none;border:none;padding:var(--sp-1);min-height:var(--tap-min);min-width:var(--tap-min);color:var(--c-text-muted);display:flex;align-items:center;justify-content:center}.item-row__action:hover{background:var(--c-bg-hover);color:var(--c-text)}@media (hover: hover) and (pointer: fine){.item-row__action{opacity:0}.item-row:hover .item-row__action,.item-row:focus-within .item-row__action{opacity:1}}.item-list__filters,.item-list__section-title{position:sticky;top:0;background:var(--c-bg-base);padding-block:var(--sp-1);z-index:var(--z-sticky)}.item-detail{background:var(--c-bg-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-6)}.item-detail__back{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--sp-1)}.item-detail__label{display:block;font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-1)}.item-detail__notes{white-space:pre-wrap}.item-detail__footer{margin-top:var(--sp-2)}@media (max-width: 767px){.item-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);border-radius:0;overflow-y:auto}}.vault-layout{display:grid;gap:var(--sp-4);align-items:start}@media (min-width: 768px){.vault-layout--with-detail{grid-template-columns:minmax(280px,360px) 1fr}}.app-shell__account-trigger{display:none;align-items:center;gap:var(--sp-1)}.app-shell__fab{display:none}@media (max-width: 767px){.app-shell__actions-desktop{display:none}.app-shell__account-trigger{display:inline-flex}.app-shell__fab{display:flex;align-items:center;justify-content:center;position:fixed;right:var(--sp-4);bottom:var(--sp-4);width:56px;height:56px;padding:0;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:var(--z-sticky)}}.passphrase-setup__display{font-family:var(--font-mono);font-size:var(--fs-md);line-height:1.5;white-space:nowrap;overflow-x:auto;padding:var(--sp-4);background:var(--c-bg-sunken);border:1px solid var(--c-border);border-radius:var(--radius-md)}