@layer tokens,base,components,features,utilities;@layer base{@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lexend-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lexend-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@layer tokens{:root{color-scheme:light;--white: #ffffff;--slate-50: oklch(98.4% .003 247.858);--slate-100: oklch(96.8% .007 247.896);--slate-200: oklch(92.9% .013 255.508);--slate-300: oklch(86.9% .022 252.894);--slate-400: oklch(70.4% .04 256.788);--slate-500: oklch(55.4% .046 257.417);--slate-600: oklch(44.6% .043 257.281);--slate-700: oklch(37.2% .044 257.287);--slate-800: oklch(27.9% .041 260.031);--slate-900: oklch(20.8% .042 265.755);--blue-50: oklch(97% .014 254.604);--blue-100: oklch(93.2% .032 255.585);--blue-200: oklch(88.2% .059 254.128);--blue-300: oklch(80.9% .105 251.813);--blue-500: oklch(62.3% .214 259.815);--blue-600: oklch(54.6% .245 262.881);--blue-800: oklch(42.4% .199 265.638);--blue-900: oklch(37.9% .146 265.522);--surface: var(--white);--surface-muted: var(--slate-50);--ink: var(--slate-900);--ink-soft: var(--slate-700);--ink-support: var(--slate-600);--ink-muted: var(--slate-500);--accent: var(--blue-600);--hairline: var(--slate-200);--hairline-strong: var(--slate-300);--fill-hover: var(--slate-100);--fill-active: var(--slate-200);--selected: var(--blue-50);--selected-ink: var(--blue-600);--focus: var(--blue-600);--brand: var(--blue-600);--brand-hover: var(--blue-500);--brand-active: var(--blue-800);--on-brand: var(--white);--solid: var(--slate-900);--solid-hover: var(--slate-700);--solid-active: var(--slate-800);--on-solid: var(--white);--danger: oklch(50.5% .213 27.518);--success: oklch(52.7% .154 150.069);--warning: oklch(55.5% .163 48.998);--font-display: Lexend, system-ui, sans-serif;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--tracking-tight: -.025em;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-card: 0 20px 25px -5px oklch(20.8% .042 265.755 / .1), 0 8px 10px -6px oklch(20.8% .042 265.755 / .1);--shadow-panel: 0 0 0 1px oklch(55.4% .046 257.417 / .1), 0 10px 15px -3px oklch(20.8% .042 265.755 / .05), 0 4px 6px -4px oklch(20.8% .042 265.755 / .05);font-family:var(--font-sans);font-size:16px;line-height:1.5}[data-theme=dark]{color-scheme:dark;--surface: var(--slate-800);--surface-muted: var(--slate-900);--ink: var(--white);--ink-soft: var(--slate-200);--ink-support: var(--slate-300);--ink-muted: var(--slate-400);--accent: var(--blue-300);--hairline: var(--slate-700);--hairline-strong: var(--slate-500);--fill-hover: var(--slate-700);--fill-active: var(--slate-600);--selected: var(--blue-900);--selected-ink: var(--blue-100);--focus: var(--white);--solid: var(--white);--solid-hover: var(--blue-50);--solid-active: var(--blue-200);--on-solid: var(--slate-900);--danger: oklch(80.8% .114 19.571);--success: oklch(79.2% .209 151.711);--warning: oklch(82.8% .189 84.429)}}@layer base{*{box-sizing:border-box}body{margin:0;background:var(--surface-muted);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:var(--tracking-tight);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a{color:var(--accent);overflow-wrap:anywhere;text-underline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}@layer components{button{min-height:44px;padding:8px 18px;border:1px solid var(--hairline);border-radius:var(--radius-full);background:transparent;color:var(--ink-soft);cursor:pointer;font-size:14px;line-height:20px;font-weight:400;transition:background-color .15s,color .15s,border-color .15s}button:hover{border-color:var(--hairline-strong);color:var(--ink)}button:active{background:var(--fill-hover)}button:disabled{cursor:wait;opacity:.5}button.primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:600}button.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}button.primary:active{background:var(--brand-active);border-color:var(--brand-active)}button.secondary{background:var(--solid);color:var(--on-solid);border-color:var(--solid);font-weight:600}button.secondary:hover{background:var(--solid-hover);border-color:var(--solid-hover)}button.secondary:active{background:var(--solid-active);border-color:var(--solid-active)}@media(prefers-reduced-motion:reduce){button{transition:none}}.text-actions{display:grid;text-align:center;margin-top:20px;gap:4px}.text-actions button,.text-button{border:0;background:none;font-size:14px;font-weight:500;color:var(--accent)}.text-actions button:hover,.text-button:hover{background:var(--fill-hover);color:var(--accent)}.text-actions .danger{color:var(--danger)}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.button-row button{font-size:13px}}@layer components{label{display:grid;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink);margin:20px 0}input,textarea,select{width:100%;min-width:0;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-muted);padding:11px 12px;color:var(--ink);min-height:46px;font-size:16px;font-weight:400}input:hover,textarea:hover,select:hover{border-color:var(--hairline-strong)}textarea{resize:vertical}app-field{display:block}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}.field-error{margin:-12px 0 20px;color:var(--danger);font-size:14px;overflow-wrap:anywhere}label.checkbox,app-field.checkbox>label{display:flex;align-items:center;gap:10px}.checkbox input{width:18px;min-height:18px;accent-color:var(--brand)}.password-actions{display:flex;flex-wrap:wrap;gap:4px}}@layer components{.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--ink-muted);line-height:1.5}.pill{display:inline-block;background:var(--selected);color:var(--selected-ink);font-size:12px;font-weight:500;line-height:16px;padding:4px 10px;border-radius:var(--radius-full)}.notice,.error{font-size:14px;line-height:20px;padding:12px 16px;border-radius:var(--radius-xl);overflow-wrap:anywhere}.notice{background:var(--selected);color:var(--ink)}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.error:empty{display:none}.card,.detail-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-2xl);padding:32px}.card h2,.card h3{margin-top:0}:where(.card) p{font-size:14px;line-height:24px;color:var(--ink-support)}.spinner{width:32px;height:32px;border:3px solid var(--hairline);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.empty{text-align:center;padding:72px 24px;color:var(--ink-muted)}.empty>span{display:block;font-size:44px;color:var(--accent)}.empty h3{font-size:20px;line-height:28px}.empty p{font-size:14px;line-height:24px}.narrow{max-width:560px;margin:48px auto}.generated{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-family:var(--font-mono);font-size:20px;line-height:1.7;background:var(--surface-muted);border:1px solid var(--hairline);padding:20px;border-radius:var(--radius-xl);margin:24px 0}details{margin:24px 0;font-size:14px}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:500}hr{border:0;border-top:1px solid var(--hairline);margin:24px 0}@media(max-width:760px){.card,.detail-card{padding:24px}.narrow{margin:32px 0}}}@layer components{.choice-chips{margin:20px 0;padding:0;border:0;min-width:0}.choice-chips legend{margin-bottom:8px;padding:0;font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}.choice-chips-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.choice-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--radius-full);color:var(--ink-soft);font-weight:400;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.choice-chip input{position:absolute;inset:0;width:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}.choice-chip:hover{border-color:var(--hairline-strong);color:var(--ink)}.choice-chip:has(input:checked){background:var(--selected);border-color:var(--selected-ink);color:var(--selected-ink);font-weight:600}.choice-chip:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.choice-chip{transition:none}}}@layer components{.menu{position:relative}.top-actions .menu-trigger{width:44px;padding:0;font-size:22px;line-height:1}.menu-list{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:grid;min-width:260px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card)}.menu-list [role=menuitem]{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 12px;border:0;border-radius:var(--radius-lg);text-align:left;font-size:14px;font-weight:400;color:var(--ink-soft)}.menu-list [role=menuitem]:hover{background:var(--fill-hover);color:var(--ink)}.menu-list [role=menuitem] span{width:18px;color:var(--accent);text-align:center}.menu-list [role=menuitem]:focus-visible{outline-offset:-2px}.menu-list hr{margin:6px 4px}}@layer features{.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;overflow:hidden;border-right:1px solid var(--hairline);padding:clamp(18px,4vh,36px) 20px;display:flex;flex-direction:column;background:var(--surface)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:var(--tracking-tight);color:var(--ink)}.brand-light{font-weight:300}.sidebar>.eyebrow{margin:clamp(10px,2.5vh,23px) 0 clamp(14px,4.5vh,40px)}:where(.sidebar) nav{display:grid;gap:4px}:where(.sidebar) nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:var(--radius-lg);padding:8px 12px;background:none;color:var(--ink-soft);font-weight:500}:where(.sidebar) nav button:hover{background:var(--fill-hover);color:var(--ink)}:where(.sidebar) nav button.active{background:var(--selected);color:var(--selected-ink)}:where(.sidebar) nav button span{width:20px;font-size:18px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:20px;font-size:12px;color:var(--ink-muted);line-height:1.7}.sidebar-bottom p{margin:8px 0}.sidebar-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:32px;min-height:32px;height:32px;margin-left:auto;padding:0;border:0;color:var(--ink-muted)}.theme-toggle:hover{background:var(--fill-hover);color:var(--ink)}.account-status{display:flex;gap:12px;align-items:center;width:100%;margin-top:clamp(12px,2.5vh,22px);padding:12px;border-radius:var(--radius-xl);text-align:left;--presence: var(--ink-muted)}.account-status[data-presence=signed-in]{--presence: var(--success)}.account-status[data-presence=unreachable]{--presence: var(--warning)}.account-status:hover{background:var(--fill-hover)}.account-status.active{background:var(--selected);border-color:var(--accent)}.account-avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-full);background:var(--surface-muted);border:1px solid var(--hairline);color:var(--accent);font-size:20px}.account-avatar:after{content:"";position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:var(--radius-full);background:var(--presence);border:2px solid var(--surface)}.account-text{display:grid;gap:1px;min-width:0}.account-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.account-text strong{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--presence)}.account-status[data-presence=signed-out] .account-text strong{color:var(--ink)}.account-text small{font-size:12px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-text small:empty{display:none}:where(.app-shell) main{padding:32px 48px 20px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hairline);padding-bottom:24px;gap:16px}.topbar h1{font-size:30px;line-height:36px;margin:4px 0 0}.topbar p{margin:0}.top-actions{display:flex;align-items:center;gap:10px;font-size:13px}.status-dot{width:7px;height:7px;background:var(--success);border-radius:var(--radius-full)}.announcements:empty{display:none}:where(.app-shell) footer{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-muted);border-top:1px solid var(--hairline);margin-top:40px;padding:20px 0}@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}:where(.app-shell) main{padding:28px}.sidebar{padding:30px 16px}.brand{font-size:20px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0;z-index:10;height:auto;flex-direction:row;gap:2px;padding:6px 14px;border:0;border-top:1px solid var(--hairline)}.sidebar .brand,.sidebar>.eyebrow,.sidebar-bottom>:not(.sidebar-tools),.sidebar-tools .pill{display:none}.sidebar-bottom,.sidebar-tools{display:contents}.theme-toggle{order:1;align-self:center;width:40px;height:40px;margin:0}:where(.sidebar) nav{display:flex;flex:3;justify-content:space-around;gap:2px}.account-status{flex:1;flex-direction:column;justify-content:center;gap:2px;margin:0;padding:5px;border:0;border-radius:var(--radius-lg);text-align:center}.account-status.active{color:var(--selected-ink)}.account-avatar{width:24px;height:24px;font-size:18px;background:none;border:0}.account-avatar:after{width:9px;height:9px}.account-text small{display:none}.account-label{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:inherit}.account-text strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}:where(.sidebar) nav button{flex-direction:column;align-items:center;gap:2px;font-size:11px;line-height:14px;flex:1;padding:5px}:where(.sidebar) nav button span{font-size:20px;line-height:24px}:where(.app-shell) main{padding:24px 16px 85px}.topbar{align-items:flex-start;padding-bottom:20px}.topbar h1{font-size:26px;line-height:32px}.top-actions .muted,.top-actions .status-dot{display:none}.top-actions>button{font-size:13px;padding:8px 14px}:where(.app-shell) footer{gap:16px;line-height:1.8}}}@layer features{:where(app-unlock) .welcome{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:64px;align-items:center;min-height:660px}:where(app-unlock) .welcome-copy h2{font-size:48px;line-height:1.1;font-weight:500;max-width:460px;margin:22px 0}:where(app-unlock) .welcome-copy>p:not(.eyebrow){font-size:18px;line-height:32px;letter-spacing:-.45px;max-width:360px;color:var(--ink-soft)}:where(app-unlock) .large-icon{width:80px;height:80px;background:var(--selected);color:var(--accent);font-size:56px;border-radius:var(--radius-2xl);display:grid;place-items:center;margin-bottom:32px}:where(app-unlock) .trust-row{display:flex;gap:24px;margin-top:32px;color:var(--ink-muted);font-size:14px}:where(app-unlock) .unlock-card{border-color:transparent;box-shadow:var(--shadow-panel)}:where(app-unlock) .unlock-card h3{font-size:24px;line-height:32px}:where(app-unlock) .opening{display:grid;justify-items:center;text-align:center;padding:24px 0}@media(min-width:1500px){:where(app-unlock) .welcome{gap:100px;min-height:730px}:where(app-unlock) .welcome-copy h2{font-size:60px}}@media(max-width:1100px){:where(app-unlock) .welcome{gap:32px}:where(app-unlock) .welcome-copy h2{font-size:40px}:where(app-unlock) .trust-row{flex-direction:column;gap:10px}}@media(max-width:760px){:where(app-unlock) .welcome{display:block;min-height:0;margin:32px 0}:where(app-unlock) .welcome-copy h2{font-size:36px;margin:18px 0}:where(app-unlock) .welcome-copy>p:not(.eyebrow){font-size:16px;line-height:28px;max-width:none}:where(app-unlock) .large-icon{width:56px;height:56px;font-size:40px;border-radius:var(--radius-xl);margin-bottom:20px}:where(app-unlock) .trust-row{flex-direction:row;gap:16px;margin:20px 0 32px;font-size:13px}:where(app-unlock) .unlock-card h3{font-size:22px}}}@layer features{:where(app-vault-items) .vault-toolbar{display:flex;gap:14px;margin-top:32px;align-items:center}:where(app-vault-items) .search{margin:0;flex:1}:where(app-vault-items) .search input{background:var(--surface)}:where(app-vault-items) .filter-bar{display:flex;align-items:center;gap:8px;margin:20px 0}:where(app-vault-items) .filter-bar button{border:0;background:none;font-size:14px}:where(app-vault-items) .filter-bar button:hover{background:var(--fill-hover)}:where(app-vault-items) .filter-bar button.active{background:var(--selected);color:var(--selected-ink);font-weight:500}:where(app-vault-items) .filter-bar .muted{margin-left:auto;font-size:13px}:where(app-vault-items) .vault-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.35fr);gap:24px;min-height:560px}:where(app-vault-items) .item-list{border:1px solid var(--hairline);border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface)}:where(app-vault-items) .item-row{width:100%;display:flex;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--hairline);border-radius:0;text-align:left;padding:16px;color:var(--ink)}:where(app-vault-items) .item-row:hover{background:var(--surface-muted)}:where(app-vault-items) .item-row.selected{background:var(--selected)}:where(app-vault-items) .item-avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:var(--surface-muted);border:1px solid var(--hairline);border-radius:var(--radius-lg);color:var(--accent);font-size:18px}:where(app-vault-items) .item-label{display:grid;gap:2px;min-width:0;flex:1}:where(app-vault-items) .item-label strong,:where(app-vault-items) .item-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(app-vault-items) .item-label strong{font-family:var(--font-display);font-size:16px;line-height:24px;font-weight:400}:where(app-vault-items) .item-label small{font-size:13px;font-weight:400;color:var(--ink-muted)}:where(app-vault-items) .detail-empty{padding-top:128px}:where(app-vault-items) .detail-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}:where(app-vault-items) .detail-heading h2{overflow-wrap:anywhere;font-size:24px;line-height:32px}:where(app-vault-items) .detail-heading button{font-size:13px}:where(app-vault-items) dt{font-size:13px;color:var(--ink-muted);margin-top:24px}:where(app-vault-items) dd{margin:8px 0;overflow-wrap:anywhere}:where(app-vault-items) .secret-value{display:flex;gap:10px;align-items:center;justify-content:space-between;font-family:var(--font-mono)}:where(app-vault-items) .secret-value button{font-family:var(--font-sans);font-size:13px}:where(app-vault-items) .notes{white-space:pre-wrap;font-size:14px;line-height:24px;overflow-wrap:anywhere}:where(app-vault-items) .tags{display:flex;gap:6px;flex-wrap:wrap}:where(app-vault-items) .history-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline);padding:10px 0;font-size:13px}:where(app-vault-items) .history-row button{font-size:12px}:where(app-vault-items) .drafts{margin-top:24px;padding:20px 24px}:where(app-vault-items) .drafts h3{margin:0}:where(app-vault-items) .item-group{margin:0;padding:10px 16px;border-bottom:1px solid var(--hairline);background:var(--surface-muted);color:var(--ink-muted);font-size:12px;font-weight:600;letter-spacing:.04em}@media(max-width:1100px){:where(app-vault-items) .vault-grid{grid-template-columns:1fr}:where(app-vault-items) .detail-empty{padding:40px}}@media(max-width:760px){:where(app-vault-items) .vault-toolbar{gap:8px}:where(app-vault-items) .vault-toolbar button{font-size:13px;padding:8px 14px}:where(app-vault-items) .filter-bar{flex-wrap:wrap}:where(app-vault-items) .filter-bar .muted{font-size:12px}:where(app-vault-items) .vault-grid{display:block;min-height:0}:where(app-vault-items) .detail-card{margin-top:18px}:where(app-vault-items) .item-list .empty{padding:36px 20px}:where(app-vault-items) .detail-empty{padding:32px 0}}}@layer features{:where(app-vault-settings,app-settings) .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}:where(app-vault-settings,app-settings) .settings-grid .card{height:100%}:where(app-vault-settings,app-settings) .settings-view{max-width:760px;margin:32px 0}:where(app-vault-settings,app-settings) .vault-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}:where(app-vault-settings,app-settings) .vault-settings-heading .text-button{padding-left:0}:where(app-vault-settings,app-settings) .vault-settings-heading .eyebrow{margin:0}:where(app-vault-settings,app-settings) .vault-settings .settings-grid{margin-top:12px}:where(app-vault-settings,app-settings) .danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,var(--hairline))}@media(max-width:1100px){:where(app-vault-settings,app-settings) .settings-grid{grid-template-columns:1fr}}@media(max-width:760px){:where(app-vault-settings,app-settings) .settings-grid{margin:24px 0}:where(app-vault-settings,app-settings) .settings-view{margin:24px 0}}}@layer features{:where(app-account) .verify-prompt{border:1px solid var(--accent);border-radius:var(--radius-xl);padding:16px;margin:12px 0}:where(app-account) .verify-prompt h3{margin-top:0}:where(app-account) .mfa-qr{display:block;width:min(240px,100%);height:auto;border:10px solid #fff;border-radius:var(--radius-xl);margin:18px auto;image-rendering:pixelated}:where(app-account).account-view{display:block;max-width:760px;margin:32px 0}:where(app-account) .recovery-code{display:block;font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere;margin:8px 0}@media(max-width:760px){:where(app-account).account-view{margin:24px 0}}}@layer utilities{[hidden]{display:none!important}.muted{color:var(--ink-muted)}.full{width:100%}.danger{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.privacy-mask main,.privacy-mask .account-identity{visibility:hidden}app-vault-page,app-vault-items,app-unlock,app-vault-settings,app-generator,app-settings,app-item-list,app-item-detail,app-item-editor,app-sign-in,app-account-summary,app-account-vaults,app-account-devices,app-vault-key,app-account-security{display:block}}