:root{color-scheme:light;--accent: #4f56d6;--accent-hover: #434ac0;--accent-active: #3a40a8;--accent-soft: rgba(79, 86, 214, .1);--accent-ring: rgba(79, 86, 214, .35);--on-accent: #ffffff;--bg: #f4f4f6;--surface: #fdfdfe;--surface-hover: #f1f1f4;--surface-active: #eaeaee;--elevated: #ffffff;--nav: #eceded;--nav-hover: #e2e3e6;--border: #e5e5e8;--border-strong: #d6d6da;--text: #1b1b1f;--text-secondary: #55555d;--text-muted: #86868f;--text-faint: #a8a8b0;--danger: #d1483b;--danger-hover: #b93a2f;--danger-soft: rgba(209, 72, 59, .1);--warn: #9a6a00;--success: #2f9461;--cat-indigo: #5b63d3;--cat-green: #3f9e6b;--cat-amber: #b0812f;--cat-teal: #3d94a6;--cat-slate: #7b7b86;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-full: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--t: .16s cubic-bezier(.2, 0, 0, 1);--shadow-overlay: 0 16px 48px -12px rgba(20, 20, 30, .3), 0 4px 12px -6px rgba(20, 20, 30, .18)}:root[data-theme=dark]{color-scheme:dark;--accent: #6c73e8;--accent-hover: #7c84f0;--accent-active: #8890f4;--accent-soft: rgba(108, 115, 232, .16);--accent-ring: rgba(108, 115, 232, .45);--on-accent: #ffffff;--bg: #161619;--surface: #1d1d21;--surface-hover: #26262b;--surface-active: #2d2d33;--elevated: #232328;--nav: #121215;--nav-hover: #1f1f24;--border: #2b2b31;--border-strong: #3a3a42;--text: #e7e7ea;--text-secondary: #b0b0b8;--text-muted: #83838d;--text-faint: #63636d;--danger: #e0685c;--danger-hover: #ec7a6f;--danger-soft: rgba(224, 104, 92, .14);--warn: #d0a24a;--success: #4bbd85;--cat-indigo: #868dee;--cat-green: #5fc48c;--cat-amber: #d1a557;--cat-teal: #5fb8cb;--cat-slate: #9a9aa6;--shadow-overlay: 0 20px 56px -12px rgba(0, 0, 0, .6), 0 4px 12px -6px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}h1{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--s2)}h2{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--s2)}h3{font-size:var(--fs-lg);font-weight:600;margin:0 0 var(--s2)}h4{font-size:var(--fs-md);font-weight:600;margin:0 0 var(--s1)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--border);margin:var(--s3) 0}code,kbd,pre{font-family:var(--font-mono)}.muted{color:var(--text-muted);font-size:var(--fs-sm)}.error{color:var(--danger);font-size:var(--fs-sm)}.warn{color:var(--warn);font-size:var(--fs-xs)}button{font:inherit;font-size:var(--fs-base);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:7px 12px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:background var(--t),border-color var(--t),color var(--t),opacity var(--t);white-space:nowrap;-webkit-user-select:none;user-select:none}button:hover{background:var(--surface-hover)}button:active{background:var(--surface-active)}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit],button.primary{background:var(--accent);border-color:transparent;color:var(--on-accent)}button[type=submit]:hover,button.primary:hover{background:var(--accent-hover)}button[type=submit]:active,button.primary:active{background:var(--accent-active)}button.danger{background:transparent;border-color:var(--border-strong);color:var(--danger)}button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}button.link{background:none;border:none;color:var(--accent);text-decoration:none;padding:4px 6px;font-weight:500}button.link:hover{background:var(--accent-soft);text-decoration:none}input,textarea,select{font:inherit;font-size:var(--fs-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:7px 10px;transition:border-color var(--t),box-shadow var(--t),background var(--t);width:100%}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}textarea{resize:vertical;min-height:72px;line-height:1.55}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}:focus-visible{outline:none}button:focus-visible{box-shadow:0 0 0 3px var(--accent-ring)}label{font-size:var(--fs-sm);color:var(--text-secondary);display:inline-flex;align-items:center;gap:var(--s2)}.center,.setup{max-width:400px;margin:9vh auto;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.center h1,.setup h1{margin-bottom:var(--s1)}.center>p,.setup>p{color:var(--text-secondary);font-size:var(--fs-sm);margin:0}.center label,.setup label{margin-top:var(--s1)}.center button,.setup button{width:100%;padding:9px 12px}.center button.link,.setup button.link{width:auto;align-self:flex-start;padding:4px 6px}.vault{display:grid;grid-template-columns:15rem 20rem 1fr;height:100vh;background:var(--bg)}.sidebar{border-right:1px solid var(--border);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1);overflow-y:auto;background:var(--nav)}.sidebar>button{justify-content:flex-start;width:100%;padding:7px var(--s2);border:none;background:none;color:var(--text-secondary);font-weight:500;border-radius:var(--r-sm)}.sidebar>button:hover{background:var(--nav-hover);color:var(--text)}.sidebar>button:active{background:var(--nav-hover)}.sidebar>button .icon{color:var(--text-muted);flex:none}.sidebar>button:hover .icon{color:var(--text-secondary)}.sidebar>input{margin-top:var(--s3)}.search-box{position:relative;margin-top:var(--s3)}.search-box input{width:100%;padding-right:30px}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:none;color:var(--text-muted);font-size:18px;line-height:1;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center}.search-clear:hover{background:var(--nav-hover);color:var(--text)}.sidebar>label{margin:var(--s2) var(--s1);font-size:var(--fs-sm)}.tags{list-style:none;padding:0;margin:var(--s2) 0 0;display:flex;flex-direction:column;gap:1px}.tags button{width:100%;justify-content:flex-start;border:none;background:none;color:var(--text-secondary);padding:5px var(--s2);font-size:var(--fs-sm);font-weight:400;border-radius:var(--r-sm)}.tags button:hover{background:var(--nav-hover);color:var(--text)}.tags button.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.list-col{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);flex:none}.list-col .item-list{border-right:none;flex:1}.item-list{border-right:1px solid var(--border);margin:0;padding:var(--s2);list-style:none;overflow-y:auto;background:var(--surface);display:flex;flex-direction:column;gap:1px}.item-list li button{display:flex;flex-direction:row;align-items:center;gap:var(--s3);width:100%;text-align:left;padding:var(--s2) var(--s3);border:none;border-radius:var(--r-sm);background:none;font-weight:400;position:relative;transition:background var(--t)}.item-list li button:hover{background:var(--surface-hover)}.item-list li button.selected{background:var(--accent-soft)}.item-list li button.selected:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;background:var(--accent);border-radius:var(--r-full)}.item-icon{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);background:color-mix(in srgb,currentColor 12%,transparent)}.item-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.item-list .title{font-size:var(--fs-base);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-list li button.selected .title{color:var(--accent)}.item-list .subtitle{font-size:var(--fs-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-star{flex:none;display:flex;padding:2px;border-radius:var(--r-sm);color:var(--text-faint);opacity:.35;transition:opacity var(--t),color var(--t)}.item-list li button:hover .item-star{opacity:1}.item-star:hover{color:#d8a13a}.item-star.on{opacity:1;color:#d8a13a}.item-star.on .icon{fill:currentColor}.item-list.empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-sm)}.item-detail header{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.detail-icon{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);background:color-mix(in srgb,currentColor 12%,transparent)}.detail-icon .icon{width:22px;height:22px}.detail-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.detail-heading h2{margin:0;overflow:hidden;text-overflow:ellipsis}.detail-category{font-size:var(--fs-xs);color:var(--text-muted)}.detail-actions{display:flex;gap:2px;flex:none}.detail-actions .icon{width:15px;height:15px}.detail-actions .star-on{color:#d8a13a;fill:#d8a13a}.item-detail.empty{gap:var(--s3)}.empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);color:var(--text-faint)}.item-detail{padding:var(--s6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--s4);background:var(--surface)}.item-detail.empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-sm)}.item-detail h2,.item-detail h3{margin:0}.item-detail .field{display:flex;gap:var(--s3);align-items:baseline;padding:var(--s2) 0;border-bottom:1px solid var(--border)}.item-detail .field:last-of-type{border-bottom:none}.item-detail .field .label{width:5rem;flex:none;color:var(--text-muted);font-size:var(--fs-sm)}.item-detail .field>:nth-child(2){flex:1 1 auto;min-width:0}.item-detail .field .value,.item-detail .notes{font-size:var(--fs-md);word-break:break-word}.item-detail .field .value.mono{font-family:var(--font-mono);font-size:var(--fs-base);letter-spacing:.02em}.item-detail .notes{white-space:pre-wrap;color:var(--text-secondary)}.icon-btn{padding:5px;border:none;background:none;color:var(--text-muted);border-radius:var(--r-sm)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn .icon{display:block}.section{margin-top:var(--s2)}.section h4{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.url-row,.field-row{display:flex;gap:var(--s2);align-items:center}.attachments{display:flex;flex-direction:column;gap:var(--s2)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#12121873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade var(--t)}.dialog{position:relative;max-height:86vh;width:100%;max-width:26rem;background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3);overflow-y:auto;box-shadow:var(--shadow-overlay);animation:pop var(--t)}.dialog h3{margin-bottom:var(--s1)}.dialog.import-wizard,.dialog.audit,.version-history{max-width:40rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:none}}.recovery-key{font-family:var(--font-mono);font-size:var(--fs-md);line-height:1.7;padding:var(--s4);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--text)}.totp code{font-family:var(--font-mono);font-size:var(--fs-lg);letter-spacing:.12em;color:var(--text)}.totp-countdown{margin-left:var(--s2);color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.strength,.score{font-variant-numeric:tabular-nums}.generator{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}.preview{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.item-editor{display:flex;flex-direction:column;gap:var(--s3)}.dialog>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.dialog>header h3,.dialog>header h4{margin:0}.dialog>header button{flex:none}.generator{gap:var(--s3);padding:var(--s4)}.generator label{color:var(--text-secondary);font-size:var(--fs-sm)}.generator label:has(input[type=range]){flex-direction:column;align-items:stretch;gap:var(--s1)}.generator input[type=range]{accent-color:var(--accent);width:100%;padding:0}.generator #gout{font-family:var(--font-mono);font-size:var(--fs-md);letter-spacing:.02em}.generator button{width:100%}.strength{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary)}.strength[data-score="0"],.strength[data-score="1"]{color:var(--danger)}.strength[data-score="2"]{color:var(--warn)}.strength[data-score="3"],.strength[data-score="4"]{color:var(--success)}.audit .score,.score{font-size:var(--fs-xl);font-weight:600;font-variant-numeric:tabular-nums;padding:var(--s3) var(--s4);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text)}.audit section{padding:var(--s3) 0;border-top:1px solid var(--border)}.audit section:first-of-type{border-top:none;padding-top:var(--s1)}.audit h4{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--s2)}.audit ul,.import-wizard ul{list-style:none;margin:var(--s1) 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.audit li,.import-wizard li{font-size:var(--fs-sm);color:var(--text-secondary);padding:3px 0}.import-wizard details{font-size:var(--fs-sm)}.import-wizard summary{cursor:pointer;color:var(--text-secondary)}.item-editor{gap:var(--s2)}.item-editor>label{margin-top:var(--s2);color:var(--text-secondary);font-size:var(--fs-sm)}.item-editor fieldset{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3);margin:var(--s3) 0 0;display:flex;flex-direction:column;gap:var(--s2)}.item-editor legend{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 var(--s1)}.url-row input,.field-row input{flex:1;min-width:0}.url-row button,.field-row button{flex:none;width:34px;height:34px;padding:0;color:var(--text-muted);font-size:var(--fs-lg);line-height:1}.url-row button:hover,.field-row button:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.item-editor .section{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2);margin:0}.dialog>form{display:flex;flex-direction:column;gap:var(--s3)}.dialog>form h3{margin-bottom:var(--s1)}.version-history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.version-history li{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.version-history li>span:first-child{flex:1;color:var(--text-secondary)}.version-history .preview{padding:var(--s3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}.version-history .preview h4{margin:0 0 var(--s1)}.version-history .preview p{font-size:var(--fs-sm);color:var(--text-secondary)}.context-menu{position:fixed;z-index:60;min-width:172px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-overlay);padding:var(--s1);display:flex;flex-direction:column;animation:pop var(--t)}.context-item{justify-content:flex-start;width:100%;border:none;background:none;padding:7px var(--s3);border-radius:var(--r-sm);font-weight:400;color:var(--text)}.context-item:hover{background:var(--surface-hover)}.context-item.danger{color:var(--danger)}.context-item.danger:hover{background:var(--danger-soft)}.context-sep{height:1px;background:var(--border);margin:var(--s1) var(--s2)}.batch-panel{display:flex;flex-direction:column;gap:var(--s3)}.trash-dialog{max-width:58rem}.trash-body{display:grid;grid-template-columns:17rem 1fr;gap:var(--s4);min-height:30rem;max-height:68vh}.trash-left{display:flex;flex-direction:column;gap:var(--s2);min-height:0}.trash-list-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s1)}.trash-list{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s1);overflow-y:auto;flex:1;min-height:0}.item-check{flex:none;color:var(--accent);display:flex}.trash-selected-titles{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.trash-selected-titles li{font-size:var(--fs-sm);color:var(--text-secondary);padding:4px 0;border-bottom:1px solid var(--border)}.trash-detail{overflow-y:auto;display:flex;flex-direction:column}.trash-empty,.trash-detail-empty{display:flex;align-items:center;justify-content:center;min-height:12rem}.trash-detail-inner{display:flex;flex-direction:column;gap:var(--s3);flex:1}.trash-detail-inner .detail-head{display:flex;align-items:center;gap:var(--s3)}.trash-field{display:flex;gap:var(--s3);align-items:baseline;padding:var(--s2) 0;border-bottom:1px solid var(--border);font-size:var(--fs-md);word-break:break-word}.trash-field .k{width:4rem;flex:none;color:var(--text-muted);font-size:var(--fs-sm)}.trash-detail-inner .notes{white-space:pre-wrap;color:var(--text-secondary);font-size:var(--fs-sm)}.danger-panel{margin-top:auto;background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--r-md);padding:var(--s3) var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.danger-panel p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}.danger-actions{display:flex;gap:var(--s2)}@media (max-width: 40rem){.trash-body{grid-template-columns:1fr;max-height:none}}.detail-col{display:flex;flex-direction:column;min-height:0}.detail-col>.item-detail{flex:1}.mobile-back{display:none}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (max-width: 52rem){.vault{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-x:hidden}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s1);padding:calc(var(--s2) + env(safe-area-inset-top)) var(--s3) var(--s2);border-right:none;border-bottom:1px solid var(--border);flex:none}.sidebar>button{flex:1;justify-content:center;min-height:44px;padding:6px}.sidebar>button .nav-label{display:none}.sidebar>.search-box{flex:1 1 100%;margin-top:var(--s1)}.sidebar>label{flex:none;order:8}.sidebar .tags{flex:1 1 100%;order:9;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:var(--s1);margin:0}.sidebar .tags li{flex:none}.list-col{flex:1;min-height:0}.list-col .item-list{padding-bottom:calc(var(--s2) + env(safe-area-inset-bottom))}.detail-col,.vault.has-selection .sidebar,.vault.has-selection .list-col{display:none}.vault.has-selection .detail-col{display:flex;flex:1;min-height:0}.mobile-back{display:inline-flex;align-self:flex-start;margin:calc(var(--s2) + env(safe-area-inset-top)) 0 0 var(--s2)}.detail-col,.item-detail{min-width:0;max-width:100%}.item-detail{padding:var(--s4);padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom))}.item-detail header{flex-wrap:wrap;align-items:center}.detail-heading{min-width:0}.detail-actions{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.item-detail .field{flex-wrap:wrap}.item-detail .field .label{width:4.5rem;flex:none}button{min-height:40px}.icon-btn,.item-star,.search-clear{min-width:40px;min-height:40px}.dialog-backdrop{align-items:flex-end;padding:0}.dialog{width:100%;max-width:100%;max-height:88vh;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom));animation:sheet-up .22s cubic-bezier(.2,0,0,1)}.dialog.import-wizard,.dialog.audit,.trash-dialog,.version-history{max-width:100%}.trash-body{min-height:auto;max-height:none}}