:root{color:#202722;background:#f5f4ef;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 80% -20%,#dce8d7 0,transparent 42%),#f5f4ef}button,input,textarea{font:inherit}button{cursor:pointer}.frame{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:22px 0 64px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0 30px;border-bottom:1px solid #dfe2d9}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#2e604a;font-family:Manrope,sans-serif;font-weight:800}.brand-name{font:800 17px Manrope,sans-serif;letter-spacing:-.5px}.topbar-note,.muted{color:#68736a}.topbar-note{font-size:13px}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font:800 clamp(28px,4vw,42px) Manrope,sans-serif;letter-spacing:-1.5px}h2{margin-bottom:4px;font:700 18px Manrope,sans-serif}.eyebrow{margin-bottom:9px;color:#518164;font-size:11px;font-weight:700;letter-spacing:1.5px}.auth-card{width:min(470px,100%);margin:8vh auto 0;padding:34px;border:1px solid #e3e5dc;border-radius:22px;background:#fffefa;box-shadow:0 18px 60px #26382d12}.auth-card>.muted{line-height:1.6}.form{display:grid;gap:16px;margin-top:24px}.field{min-width:0;display:flex;flex-direction:column;gap:7px;position:relative}.field-label{color:#58645b;font-size:12px;font-weight:600}.input{width:100%;min-height:43px;padding:10px 12px;color:#202722;border:1px solid #d9ded4;border-radius:10px;outline:none;background:#fff}.input:focus{border-color:#4b8060;box-shadow:0 0 0 3px #4b80601c}.button-row{display:flex;gap:10px}.button{min-height:40px;padding:9px 15px;border:1px solid #d9ded4;border-radius:10px;color:#31443a;background:#fff;font-size:13px;font-weight:700;transition:.15s ease}.button:hover{transform:translateY(-1px);border-color:#9aab9a}.button.primary{color:#fff;border-color:#2e604a;background:#2e604a}.button.primary:hover{background:#224b38}.button.danger{color:#984c43;border-color:#ead8d4;background:#fff9f7}.text-button{padding:7px 0;border:0;color:#477457;background:transparent;font-size:13px;font-weight:700}.security-note{margin:24px 0 0;padding:13px;border-radius:10px;color:#667269;background:#f2f4ef;font-size:12px;line-height:1.55}.notice{margin:16px 0;padding:13px 16px;border:1px solid #cddfce;border-radius:11px;color:#31563b;background:#edf5eb;font-size:13px}.notice.error{color:#87443d;border-color:#efd4cf;background:#fff1ed}.vault-page{display:grid;gap:20px;padding-top:28px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:16px}.welcome .muted{margin:3px 0 0;font-size:13px}.unlock-card,.save-panel{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,360px) auto;align-items:end;gap:18px;padding:20px;border:1px solid #e0e3d9;border-radius:16px;background:#fffefa}.unlock-card{grid-template-columns:1fr minmax(220px,360px) auto}.unlock-card h2,.unlock-card p{grid-column:1 / -1;margin-bottom:0}.unlock-card p{max-width:620px}.toolbar{display:flex;justify-content:space-between;gap:12px}.search{max-width:420px}.entry-list{display:grid;gap:13px}.entry-card{padding:19px;border:1px solid #e0e3d9;border-radius:16px;background:#fffefa;box-shadow:0 6px 20px #26382d08}.entry-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.entry-head p{margin:0;font-size:12px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.entry-grid .full{grid-column:1 / -1}.notes{min-height:74px;resize:vertical}.reveal{position:absolute;right:10px;bottom:10px;padding:4px 6px}.entry-tools{display:flex;justify-content:flex-end;margin-top:10px}.save-panel{margin-top:6px}.save-panel p{margin:4px 0 0}.small{font-size:12px}.empty,.loading{padding:38px 20px;color:#68736a;text-align:center;border:1px dashed #cdd5ca;border-radius:16px;background:#ffffff90}@media(max-width:720px){.frame{width:min(100% - 24px,600px);padding-top:12px}.topbar-note{display:none}.auth-card{margin-top:5vh;padding:25px 20px}.unlock-card,.save-panel{grid-template-columns:1fr;align-items:stretch}.entry-grid{grid-template-columns:1fr}.entry-grid .full{grid-column:auto}.welcome{align-items:flex-start}}