:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--panel:#fff;--text:#17202a;--muted:#5f6b7a;--border:#d8dee8;--accent:#256f6c;--accent-strong:#174f4d;--danger:#b42318;--shadow:0 12px 32px #17202a14}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{border:1px solid var(--border);background:var(--panel);min-height:40px;color:var(--text);cursor:pointer;border-radius:6px;padding:0 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.65}button[type=submit],.primary{border-color:var(--accent);background:var(--accent);color:#fff}button[type=submit]:hover:not(:disabled),.primary:hover:not(:disabled){background:var(--accent-strong)}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:10px 12px}input[type=checkbox]{width:auto}input[type=file]{margin-top:8px}textarea{resize:vertical;min-height:120px}label{color:var(--muted);gap:6px;display:grid}h1,h2,p{margin-top:0}.app-page,.vault{min-height:100vh;padding:24px}.auth-panel,.editor,.tool-panel,.item-detail,.item-list{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:16px}.auth-panel{gap:14px;max-width:440px;margin:8vh auto 0;display:grid}.auth-form,.editor,.generator-panel{gap:12px;display:grid}.topbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar input{max-width:520px}.tool-panel{margin-bottom:16px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.vault-grid{grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:16px;display:grid}.item-list{align-content:start;gap:8px;display:grid}.item-row{text-align:left;justify-content:flex-start;width:100%}.item-detail{min-height:320px}.editor{margin-bottom:16px}.form-error,.error{color:var(--danger)}a{color:var(--accent-strong)}@media (max-width:760px){.app-page,.vault{padding:12px}.topbar,.vault-grid{grid-template-columns:1fr;display:grid}.topbar input{max-width:none}}
