:root{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#222c27;background:#f5f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:36px 22px 90px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}h1{font-family:Georgia,serif;font-size:42px;letter-spacing:-2px;margin:4px 0;font-weight:500}h1 span{color:#7a986e}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#788478;margin:0}h2{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:7px 0}p{color:#727d73;line-height:1.5}button,input,textarea{font:inherit}button{border:0;cursor:pointer;background:#324f3f;color:white;border-radius:10px;padding:12px 18px;font-weight:600}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b4caa4;outline-offset:2px}.quiet{background:transparent;color:#637566;font-size:23px;padding:10px}.capture{background:#e6ece1;padding:24px;border-radius:18px}.capture label{font-family:Georgia,serif;font-size:24px}.capture p{font-size:14px;margin:6px 0 18px}.capture textarea,input{display:block;width:100%;border:1px solid #d7ded4;border-radius:10px;padding:14px;background:#fff;color:#29372d}.capture textarea{resize:vertical;min-height:100px}.captureBottom{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:12px}.captureBottom span{font-size:12px;color:#758677}nav{display:flex;gap:7px;border-bottom:1px solid #dedfd9;margin-top:34px}.tab{background:none;color:#849085;border-radius:0;padding:13px 12px;border-bottom:2px solid transparent}.tab.active{border-color:#4f6f55;color:#314d3b}.list{padding-top:28px}.listHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}#count,.hint{font-size:12px;color:#929b91}.hint{margin:7px 0 18px}.entry{background:#fff;border:1px solid #e8ebe4;border-radius:14px;padding:18px;margin-bottom:10px}.entry h3{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}.entry p{font-size:13px;margin:6px 0}.meta{font-size:11px;color:#798b79}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.actions button,.danger{background:none;color:#58725b;font-size:12px;padding:3px 0}.danger{color:#a14f49}.secondary{background:#e7ebe3;color:#37513c}.empty{padding:30px 0;color:#8b968b}.original{white-space:pre-wrap}#settingsPanel{margin-top:40px;border-top:1px solid #ddd;padding-top:20px}#login{max-width:400px}#login button{margin-top:12px}#loginError{color:#a14f49}@media(max-width:480px){main{padding-top:28px}.capture{padding:19px}.captureBottom{align-items:end}.captureBottom span{max-width:160px}}
