:root{color-scheme:light dark;--bg: #f5f6f8;--surface: #ffffff;--border: #d8dbe0;--text: #1c1e21;--muted: #6b7280;--accent: #2f6fed;--danger: #d93025;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #16181c;--surface: #22252a;--border: #3a3e45;--text: #e8eaed;--muted: #9aa0a6}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{cursor:pointer;font-family:inherit;font-size:.9rem;padding:.5rem .9rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text)}button:hover{filter:brightness(.97)}button:disabled{opacity:.6;cursor:not-allowed}button.danger{color:var(--danger);border-color:var(--danger)}input,textarea,select{font-family:inherit;font-size:.9rem;padding:.5rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%}label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.85rem;color:var(--muted)}.centered-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;width:100%;max-width:380px}.card h1{margin-top:0;font-size:1.3rem}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--danger);font-size:.85rem}.error-banner,.progress-banner{padding:.5rem 1rem;font-size:.85rem}.error-banner{background:#fbe4e2;color:var(--danger)}.progress-banner{background:#e3edff;color:var(--text)}.https-warning{background:#ffedd5;color:#7c2d12;padding:.5rem 1rem;font-size:.8rem;text-align:center}.vault-layout{display:flex;flex-direction:column;min-height:100vh}.vault-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.vault-header h1{font-size:1.1rem;margin:0}.header-actions{display:flex;gap:.5rem}.vault-body{flex:1;display:flex;overflow:hidden}.sidebar{width:320px;flex-shrink:0;border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto}.sidebar button{text-align:left;border:none;background:transparent;width:100%}.sidebar>button.active{background:var(--accent);color:#fff}.sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.sidebar li{display:flex;align-items:center}.sidebar li button:first-child{flex:1}.sidebar li.active button:first-child{background:var(--accent);color:#fff;border-radius:6px}.sidebar>button.drag-over,.sidebar li.drag-over{outline:2px dashed var(--accent);outline-offset:-2px;border-radius:6px}.item-row{cursor:grab}.icon-button{padding:.2rem .5rem;border:none;background:transparent;color:var(--muted)}.add-folder-form{display:flex;gap:.3rem;margin-top:.5rem}.folder-manager-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;max-height:40vh;overflow-y:auto}.folder-manager-list li{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;border-radius:6px}.folder-manager-list li:hover{background:var(--bg)}.item-list{flex:1;padding:1rem 1.5rem;overflow-y:auto}.item-list-toolbar{display:flex;gap:.5rem;margin-bottom:1rem}.search-input{flex:1}.add-item-button{flex-shrink:0;background:var(--accent);color:#fff;border:none}.item-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.item-row{width:100%;text-align:left;display:flex;flex-direction:column;gap:.1rem}.item-name{font-weight:600}.item-sub{color:var(--muted);font-size:.8rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--surface);border-radius:10px;padding:1.5rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal h2{margin-top:0;font-size:1.1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.password-row{display:flex;gap:.4rem}.password-row input{flex:1}