:root{--color-bg:#fff;--color-surface:#f4f6f5;--color-border:#dfe5e3;--color-border-input:#7a8783;--color-text:#101715;--color-text-muted:#525f5b;--color-accent:#0d6b63;--color-on-accent:#fff;--color-danger:#b42318;--color-success:#17703f;--color-warning:#965606;--font-sans:Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--leading-xs:16px;--weight-xs:500;--text-sm:14px;--leading-sm:20px;--weight-sm:400;--text-base:16px;--leading-base:24px;--weight-base:400;--text-lg:20px;--leading-lg:28px;--weight-lg:600;--text-xl:28px;--leading-xl:34px;--weight-xl:700;--text-display:40px;--leading-display:44px;--weight-display:700;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #1018280f, 0 1px 3px #1018281a;--shadow-pop:0 12px 32px #10182829;--motion-fast:.12s;--motion-base:.2s;--ease:cubic-bezier(.2,.8,.2,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0e1312;--color-surface:#151c1a;--color-border:#27312e;--color-border-input:#71807b;--color-text:#e7eeeb;--color-text-muted:#9eaba7;--color-accent:#3fc5b5;--color-on-accent:#04211e;--color-danger:#ff7a6e;--color-success:#4fd08f;--color-warning:#f2b54b;--shadow-card:0 1px 2px #0006;--shadow-pop:0 12px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#0e1312;--color-surface:#151c1a;--color-border:#27312e;--color-border-input:#71807b;--color-text:#e7eeeb;--color-text-muted:#9eaba7;--color-accent:#3fc5b5;--color-on-accent:#04211e;--color-danger:#ff7a6e;--color-success:#4fd08f;--color-warning:#f2b54b;--shadow-card:0 1px 2px #0006;--shadow-pop:0 12px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-sm);-webkit-font-smoothing:antialiased;margin:0}body.popup{width:380px;height:600px;overflow:hidden}body.page{min-height:100dvh}#root{height:100%}body.popup #root,body.page #root{min-height:inherit}body.page #root{height:100dvh}h1,h2,h3,p{margin:0}h1{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--weight-lg)}h2{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:600}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.link{padding:var(--space-1);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.link:hover{color:var(--color-text)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-end{justify-content:flex-end}.center-screen{justify-content:center;gap:var(--space-6);min-height:100%;padding:var(--space-6) var(--space-5);flex-direction:column;max-width:420px;margin:0 auto;display:flex}body.page .center-screen{min-height:100dvh}.hero{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.hero h1{font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:var(--weight-xl)}.form-screen{max-width:460px;padding:var(--space-4) var(--space-5) var(--space-7);gap:var(--space-4);flex-direction:column;height:100%;margin:0 auto;display:flex;overflow-y:auto}.screen-head{align-items:center;gap:var(--space-2);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);white-space:nowrap;border:1px solid #0000;font-weight:600;display:inline-flex}.btn-md{min-height:40px;padding:var(--space-2) var(--space-4)}.btn-sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-input)}.btn-ghost{color:var(--color-text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface)}.btn-danger{background:var(--color-danger);color:var(--color-on-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-surface);color:var(--color-text)}.icon-btn.is-fav{color:var(--color-warning)}.icon-btn.is-fav svg{fill:currentColor}.spinner{border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;width:14px;height:14px;animation:.7s linear infinite spin}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner,.spin{animation-duration:2.4s}}.field{gap:var(--space-1);flex-direction:column;display:flex}.field>label,.group legend,.switch-label{font-weight:600;font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit}input[type=file]{font:inherit;color:var(--color-text-muted)}input[type=range]{width:100%;accent-color:var(--color-accent)}input[type=checkbox]{accent-color:var(--color-accent);flex:none;width:16px;height:16px;margin:2px 0 0}textarea{resize:vertical;min-height:88px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger)}.field-hint{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted)}.field-error,.form-error{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-danger);font-weight:500}.form-error{font-size:var(--text-sm)}.input-group{align-items:center;gap:var(--space-1);display:flex}.input-group input{flex:1;min-width:0}.input-group-top{align-items:flex-start}.input-affix{position:relative}.input-affix input{padding-right:calc(var(--affix-buttons,1) * 32px + var(--space-2))}.input-affix .affix-buttons{gap:2px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.input-group textarea{flex:1;min-width:0}.concealed-area[readonly]{min-height:40px;color:var(--color-text-muted)}.archive-link{padding:var(--space-2) var(--space-3);justify-content:center}.check{gap:var(--space-2);cursor:pointer;align-items:flex-start;display:flex}.check-sm{font-size:var(--text-xs);color:var(--color-text-muted)}input[type=radio]{accent-color:var(--color-accent);flex:none;width:16px;height:16px;margin:2px 0 0}.check .field-hint{display:block}.group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.group legend{padding:0 var(--space-1)}.custom-field{gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border);flex-direction:column;display:flex}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.switch{border-radius:var(--radius-pill);border:1px solid var(--color-border-input);background:var(--color-surface);cursor:pointer;width:40px;height:24px;transition:background var(--motion-fast) var(--ease);flex:none;padding:0;position:relative}.switch-thumb{border-radius:var(--radius-pill);background:var(--color-text-muted);width:16px;height:16px;transition:transform var(--motion-base) var(--ease), background var(--motion-fast) var(--ease);position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--color-accent);border-color:var(--color-accent)}.switch[aria-checked=true] .switch-thumb{background:var(--color-on-accent);transform:translate(16px)}.strength{align-items:center;gap:var(--space-2);display:flex}.strength-track{gap:var(--space-1);flex:1;grid-template-columns:repeat(5,1fr);display:grid}.strength-seg{border-radius:var(--radius-pill);background:var(--color-border);height:4px}.strength-seg.tone-danger{background:var(--color-danger)}.strength-seg.tone-warning{background:var(--color-warning)}.strength-seg.tone-success{background:var(--color-success)}.strength-label{font-size:var(--text-xs);text-align:right;min-width:72px;font-weight:600}.fields{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.fields:empty{display:none}.field-row{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.field-row:last-child{border-bottom:0}.field-row-label{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted);font-weight:500}.field-row-value{align-items:center;gap:var(--space-2);min-height:32px;display:flex}.value-text{overflow-wrap:anywhere;flex:1;min-width:0}.value-text.multiline{white-space:pre-wrap}.field-row-actions{gap:var(--space-1);margin-left:auto;display:flex}.totp{align-items:center;gap:var(--space-2);flex:1;display:flex}.totp-code{font-size:var(--text-lg);letter-spacing:.08em;font-weight:600}.totp-ring{width:20px;height:20px;margin-left:auto}.totp-ring-bg{fill:none;stroke:var(--color-border);stroke-width:3px}.totp-ring-fg{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray 1s linear}.totp-ring.urgent .totp-ring-fg{stroke:var(--color-warning)}.badge{padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);line-height:var(--leading-xs);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);align-items:center;font-weight:600;display:inline-flex}.badge-danger{color:var(--color-danger)}.badge-warning{color:var(--color-warning)}.badge-success{color:var(--color-success)}.empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);flex-direction:column;display:flex}.empty h2{font-size:var(--text-base);line-height:var(--leading-base)}.empty .btn{margin-top:var(--space-2)}.logo-bg{fill:var(--color-accent)}.logo-fg{fill:var(--color-on-accent)}.toasts{left:50%;bottom:calc(var(--space-8) + var(--space-5));gap:var(--space-2);z-index:10;pointer-events:none;width:max-content;max-width:calc(100vw - var(--space-6));flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-pop);animation:toast-in var(--motion-base) var(--ease);font-weight:500}.toast-danger{background:var(--color-danger);color:var(--color-on-accent)}.toast-success{background:var(--color-text);color:var(--color-bg)}@keyframes toast-in{0%{transform:translateY(8px)}}.secret-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px dashed var(--color-accent);background:var(--color-surface);flex-direction:column;display:flex}.secret-key{font-size:var(--text-base);line-height:var(--leading-base);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-weight:600}.notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-warning);font-weight:500}.layout-wide{grid-template-columns:232px minmax(280px,360px) 1fr;height:100dvh;display:grid}.sidebar{gap:var(--space-4);padding:var(--space-4) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;display:flex;overflow-y:auto}.brand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-base);padding:0 var(--space-2);display:flex}.brand-sm{min-width:0;padding:0}.nav-heading{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 var(--space-2) var(--space-1)}.nav-item{align-items:center;gap:var(--space-2);width:100%;min-height:34px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.nav-item:hover{background:var(--color-bg)}.nav-item[aria-current=page]{background:var(--color-bg);color:var(--color-accent);box-shadow:var(--shadow-card);font-weight:600}.count{color:var(--color-text-muted);font-size:var(--text-xs);margin-left:auto}.sidebar-foot{gap:var(--space-2);flex-direction:column;align-items:flex-start;margin-top:auto;display:flex}.pane-list{border-right:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex}.pane-detail{min-height:0;overflow-y:auto}.pane-detail>.screen{max-width:720px;padding:var(--space-6);margin:0 auto}.layout-narrow{flex-direction:column;height:100%;display:flex}body.page .layout-narrow{height:100dvh}.narrow-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.narrow-main>.screen{padding:var(--space-3) var(--space-4) var(--space-6)}.bottom-nav{border-top:1px solid var(--color-border);background:var(--color-bg);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.bottom-nav-btn{padding:var(--space-2) 0;color:var(--color-text-muted);font:inherit;font-size:var(--text-xs);line-height:var(--leading-xs);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;display:flex}.bottom-nav-btn[aria-current=page]{color:var(--color-accent);font-weight:600}.sync-status{align-items:center;gap:var(--space-1);font:inherit;font-size:var(--text-xs);line-height:var(--leading-xs);padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:0;max-width:100%;display:inline-flex}.sync-status:hover{background:var(--color-surface)}.top-actions{gap:var(--space-1);flex:none;display:flex}.item-list{flex-direction:column;flex:1;min-height:0;display:flex}.list-head{padding:var(--space-3) var(--space-3) 0}.list-head-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.list-title{font-size:var(--text-base)}.vault-select{max-width:200px;padding-left:var(--space-1)!important;background:0 0!important;border:0!important;width:auto!important;min-height:32px!important;font-weight:700!important}.search{margin:var(--space-3) var(--space-3) 0;position:relative}.search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search input{padding-left:calc(var(--space-3) + 24px)!important;background:var(--color-surface)!important;border-color:var(--color-border)!important}.chips{gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;scrollbar-width:none;display:flex;overflow-x:auto}.chip{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-pill);padding:2px var(--space-3);font:inherit;font-size:var(--text-xs);cursor:pointer;flex:none;font-weight:500}.chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.list-scroll{min-height:0;padding:var(--space-2) var(--space-2) var(--space-4);flex:1;overflow-y:auto}.list-section+.list-section{margin-top:var(--space-3)}.list-section-title{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-2) var(--space-1)}.rows{margin:0;padding:0;list-style:none}.item-row{align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.item-row:hover{background:var(--color-surface)}.item-row[aria-current=true]{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-accent)}.row-icon{border-radius:var(--radius-sm);background:var(--color-surface);width:32px;height:32px;color:var(--color-accent);border:1px solid var(--color-border);flex:none;justify-content:center;align-items:center;display:inline-flex}.row-text{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{align-items:center;gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:flex;overflow:hidden}.row-sub{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fav{color:var(--color-warning);fill:currentColor;flex:none}.dot{border-radius:var(--radius-pill);background:var(--color-warning);flex:none;width:8px;height:8px}.suggested{align-items:center;gap:var(--space-2);padding-right:var(--space-2);display:flex}.list-foot{border-top:1px solid var(--color-border);padding:var(--space-1) var(--space-3)}.screen{gap:var(--space-4);flex-direction:column;display:flex}.screen-title{font-size:var(--text-lg)}.back-bar{align-items:center;gap:var(--space-2);margin-left:calc(-1 * var(--space-2));display:flex}.layout-wide .back-bar{display:none}.layout-wide .editor .back-bar{display:flex}.detail-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.detail-icon{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.detail-titles{flex:12rem;min-width:0}.detail-titles h1{overflow-wrap:break-word}.detail-actions{gap:var(--space-1);flex-wrap:wrap;margin-left:auto;display:flex}.tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.history summary{cursor:pointer;padding:var(--space-1) 0;font-weight:600}.history .fields{margin-top:var(--space-2)}.meta{font-size:var(--text-xs)}.sticky-actions{background:var(--color-bg);padding:var(--space-2) 0;border-top:1px solid var(--color-border);position:sticky;bottom:0}.segmented{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented button{border-radius:var(--radius-sm);color:var(--color-text-muted);font:inherit;padding:var(--space-1) 0;cursor:pointer;background:0 0;border:0;font-weight:600}.segmented button[aria-checked=true]{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-card)}.gen-output{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex}.gen-value{font-size:var(--text-base);line-height:var(--leading-base);overflow-wrap:anywhere;min-height:48px;font-weight:600}.score-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.score{font-size:var(--text-display);line-height:var(--leading-display);font-weight:var(--weight-display)}.score-label{font-weight:600}.tiles{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.tile{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;display:flex}.tile-num{font-size:var(--text-lg);font-weight:700}.tile-label{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted)}.card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;display:flex}.card-title{font-size:var(--text-base)}.kv{gap:var(--space-1) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.kv dt{color:var(--color-text-muted)}.kv dd{overflow-wrap:anywhere;margin:0}.vault-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vault-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:40px;display:flex}.vault-list li form{flex:1}.attachments{gap:var(--space-2);flex-direction:column;display:flex}.attachment-list{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.attachment-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);min-width:0;display:flex}.attachment-row:last-child{border-bottom:0}.attachment-text{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-name{overflow-wrap:anywhere}.attachment-sub{font-size:var(--text-xs);line-height:var(--leading-xs)}.group input[type=file]{max-width:100%;font:inherit}.vault-list li>.icon-btn{margin-left:auto}.subhead{font-size:var(--text-sm);line-height:var(--leading-sm);margin:var(--space-2) 0 0;font-weight:600}.fingerprint{font-size:var(--text-sm);line-height:var(--leading-sm);overflow-wrap:anywhere;margin:var(--space-1) 0}.fingerprint-lg{font-size:var(--text-base);line-height:var(--leading-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);font-weight:600}.members{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;display:flex}.member-list,.invite-list,.link-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member-list li,.link-list li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.member-list li .field{margin:0}.member-who{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.member-who .fingerprint{font-size:var(--text-xs);line-height:var(--leading-xs);margin:0}.invite-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.invite-list p{margin:0}.row-between{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.share-panel{margin:var(--space-3) 0}.share-viewer{align-items:center;gap:var(--space-5);min-height:100vh;padding:var(--space-6) var(--space-4);background:var(--color-bg);flex-direction:column;display:flex}.share-card{gap:var(--space-4);width:100%;max-width:560px;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.share-card h1{font-size:var(--text-xl);line-height:var(--leading-xl);overflow-wrap:anywhere;margin:0}.share-card .notice svg{vertical-align:-2px}.mfa-backdrop{z-index:60;background:var(--color-bg);position:fixed;inset:0;overflow:auto}.mfa-dialog{justify-content:center;height:auto;min-height:100%}.mfa-dialog .screen-head svg{color:var(--color-accent)}.mfa-methods button{padding:var(--space-1) var(--space-2);white-space:nowrap}.qr{border-radius:var(--radius-sm);border:1px solid var(--color-border);align-self:center;width:192px;height:192px}.backup-codes{gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-7);border-radius:var(--radius-md);border:1px dashed var(--color-accent);background:var(--color-surface);-webkit-user-select:all;user-select:all;grid-template-columns:repeat(2,1fr);margin:0;font-weight:600;display:grid}.mfa-list,.device-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mfa-list li,.device-list li{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.mfa-list li>span,.device-main{flex-direction:column;flex:1;min-width:0;display:flex}.mfa-list li>svg{color:var(--color-text-muted);flex:none}.form-screen,.sidebar,.pane-detail,.narrow-main,.list-scroll{position:relative}.layout-wide .toasts{left:auto;right:var(--space-6);align-items:flex-end;bottom:88px;transform:none}.pane-detail>.empty{justify-content:center;min-height:100%}