:root{color-scheme:dark;--bg:#101217;--surface:#181b22;--field:#1f232b;--border:#313741;--text:#f0f3f7;--muted:#a5aebc;--accent:#6bd8e5;--danger:#ff929a;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box;min-width:0}body{margin:0;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}button,input,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}[hidden]{display:none!important}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:clamp(23px,3vw,30px);line-height:1.2}h2{font-size:21px;line-height:1.3}h3{font-size:16px}p{line-height:1.5}button,summary{cursor:pointer}input,textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--border);border-radius:4px;background:var(--field);color:var(--text);font-size:16px}input[type=checkbox]{min-height:22px;width:22px;accent-color:var(--accent);flex:none}input[type=file]{white-space:normal;font-size:14px;overflow:hidden}textarea{min-height:112px;resize:vertical}label{display:block;margin:18px 0 8px;font-size:13px;font-weight:600}label>input,label>textarea,label>.password-editor{margin-top:8px}.muted{color:var(--muted);font-size:14px}.button{min-height:44px;min-width:44px;padding:10px 14px;border:1px solid var(--border);border-radius:4px;background:var(--field);color:var(--text);font-size:13px;font-weight:650;transition:background-color 120ms}.button:hover{background:#29313a}.button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:#081217}.primary:hover{background:#92e7ef}.quiet{background:transparent}.danger{color:var(--danger);border-color:#8b4149}.full-width{width:100%;margin-top:18px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-header{padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-size:13px;font-weight:750;white-space:nowrap}.brand img{flex:none;object-fit:contain}.brand-product{color:var(--accent)}.header-actions{display:flex;gap:8px}.app-main{min-height:0;overflow:auto;padding:12px max(14px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overscroll-behavior-y:contain}.status{font-size:13px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:12px}.status:empty{display:none}.access-layout{min-height:100%;display:grid;align-content:center;justify-items:center;padding:12px 0 30px}.unlock-card{width:min(100%,460px);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:clamp(18px,4vw,30px)}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--accent);font-weight:650}.unlock-card h1{margin:14px 0 12px}.code-row,.password-editor{display:flex;gap:10px;align-items:center}.code-row input,.password-editor input{flex:1;width:0}.setup-guide,.share-options{margin-top:22px;border-top:1px solid var(--border);padding-top:8px}summary{min-height:44px;line-height:1.5;padding:12px 0;font-size:14px;font-weight:600}.check-row{display:flex;gap:12px;align-items:center;line-height:1.5}.workspace-heading{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:6px 0 18px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.vault-grid{border:1px solid var(--border);background:var(--surface);border-radius:5px}.entry-sidebar{padding:16px}.list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.list-heading h2{font-size:15px}.list-heading span{font-size:13px;color:var(--muted)}.entry-list{padding-top:12px}.entry-row{width:100%;min-height:68px;border:0;border-left:2px solid transparent;display:flex;gap:12px;text-align:left;align-items:center;background:transparent;border-radius:3px;padding:12px;color:var(--text);cursor:pointer}.entry-row:hover,.entry-row[aria-current=true]{background:var(--field)}.entry-row[aria-current=true]{border-left-color:var(--accent)}.entry-copy{flex:1;overflow:hidden}.entry-copy strong,.entry-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-copy strong{font-size:14px;font-weight:650}.entry-copy small{font-size:12px;color:var(--muted);margin-top:6px}.entry-avatar{display:grid;place-items:center;width:32px;height:32px;background:#26363d;border:1px solid #3b5964;color:var(--accent);border-radius:4px;flex:none;font-size:14px}.entry-arrow{color:var(--muted)}.detail-panel{padding:16px}.mobile-back{margin-bottom:16px}.detail-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:26px}.detail-heading>.button{margin-left:auto}.detail-title{flex:1}.detail-title h2{overflow-wrap:anywhere}.detail-badges{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;margin-top:9px}.detail-label{font-size:13px;font-weight:650;margin:20px 0 8px}.detail-value-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--field);border:1px solid var(--border);border-radius:4px;padding:10px 12px}.detail-value{flex:1 1 100%;font-size:15px;overflow-wrap:anywhere;white-space:pre-wrap}.password-mask{letter-spacing:.08em}.detail-notes{background:var(--field);border:1px solid var(--border);border-radius:4px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:14px}.detail-bottom{display:none}.delete-options{border-top:1px solid var(--border);margin-top:28px;padding-top:6px}.delete-options label{display:flex;align-items:center;gap:12px;line-height:1.5}.delete-options input{margin:0}.delete-options .danger{margin-top:16px}.detail-empty{padding:28px 0;display:grid;gap:16px}.detail-empty p{color:var(--muted)}.empty-emblem{color:var(--accent);font-size:30px}.editor-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.editor h2{margin-bottom:22px}.share-options fieldset{border:0;padding:0}.share-options label{display:flex;align-items:center;gap:12px}.share-options input{margin:0}.empty-list{color:var(--muted);padding:24px 8px;font-size:14px}
/* Mobile: one active list/detail panel, one main scroll area. PC: two independent columns. */
.vault-grid[data-view=list] .detail-panel{display:none}.vault-grid[data-view=detail] .entry-sidebar{display:none}
dialog{width:calc(100% - 24px);max-width:560px;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);overflow:auto}dialog::backdrop{background:#000b}.settings-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}.settings-heading h2{font-size:19px}.settings-body{padding:18px}.settings-section{padding:20px 0;border-bottom:1px solid var(--border)}.settings-section p{margin-top:12px}.settings-section:last-child{border:0}.fingerprint{font:12px ui-monospace,monospace;overflow-wrap:anywhere;line-height:1.8}.card{padding:14px;background:var(--field);border:1px solid var(--border);border-radius:4px;margin:12px 0}.card p{overflow-wrap:anywhere;margin:8px 0}.account-label{overflow-wrap:anywhere;font-weight:600}.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}*{scrollbar-width:thin;scrollbar-color:#617180 var(--surface)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:#617180;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}
@media(min-width:760px){.app-header{padding-inline:24px}.app-main{padding-inline:24px}.vault-workspace{height:calc(100% - 32px);display:grid;grid-template-rows:auto minmax(0,1fr)}.vault-grid{display:grid;grid-template-columns:minmax(240px,36%) minmax(0,1fr);min-height:0;overflow:hidden}.vault-grid[data-view] .entry-sidebar,.vault-grid[data-view] .detail-panel{display:block;min-height:0;overflow:auto;overscroll-behavior:contain}.entry-sidebar{border-right:1px solid var(--border)}.detail-panel{padding:24px}.mobile-back{display:none}.detail-value{flex-basis:0}.entry-sidebar{display:grid!important;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden!important}.entry-list{overflow:auto;min-height:0}.brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.brand>span{overflow:hidden;text-overflow:ellipsis}
@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar-button{display:none}}