:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#243c35;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:650px;margin:auto;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom)}header{display:flex;align-items:center;justify-content:space-between;height:94px}.brand{display:flex;gap:10px;align-items:center;font-weight:650;letter-spacing:-.7px;font-size:21px;color:inherit;text-decoration:none}.mark{display:grid;place-items:center;background:#294d40;color:#faf9f1;width:34px;height:34px;border-radius:12px;font-family:Georgia,serif;font-size:29px;font-weight:400}.icon{border:1px solid #dedfd5;border-radius:50%;background:transparent;color:#557763;width:39px;height:39px;font-size:22px}h1{font-family:Georgia,serif;font-size:clamp(36px,7vw,47px);font-weight:400;line-height:1.12;letter-spacing:-1.6px;margin:15px 0}h2{font-size:19px;letter-spacing:-.5px}p{line-height:1.6;color:#6e7a70}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#73816e}.intro{padding:12px 0 13px}.intro>p:last-child{font-size:14px;margin:12px 0 22px}.capture{border:1px solid #d9dfd1;background:#fffef9;border-radius:22px;padding:18px;box-shadow:0 8px 25px #35482d05}textarea{width:100%;font:inherit;font-size:16px;resize:vertical;min-height:70px;border:0;background:transparent;outline:0;line-height:1.6;color:#253d33}textarea::placeholder{color:#899183}.capture-actions{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px}button,input,select{font:inherit}button,a.secondary{cursor:pointer;touch-action:manipulation}button{min-height:44px;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #8eaf6d;outline-offset:3px}.primary{background:#294d40;color:#fffdf3;padding:11px 20px;border-radius:13px;font-size:13px}.primary span{margin-left:13px}.voice{background:#eaf0e1;color:#3d5d43;padding:10px 17px;border-radius:13px;font-size:16px}.voice span{margin-left:7px;font-size:13px}.voice.recording{background:#f6dcd5;color:#973e32}.hint{font-size:11px;line-height:1.7;color:#7c857b}#feedback{font-size:13px;margin:14px 0;color:#4e6854;white-space:pre-line}.view-head{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.text-button{background:transparent;color:#6d7e66;font-size:12px;padding:7px 0}.view-head h2{margin:7px 0}nav{display:flex;gap:6px;overflow-x:auto;padding:14px 0 17px;scrollbar-width:none}nav button{background:transparent;border:1px solid #dfe2d7;border-radius:22px;padding:8px 17px;white-space:nowrap;font-size:12px;color:#6c7769;min-height:36px}nav .selected{background:#dde7d5;border-color:#dde7d5;color:#344e37}.search{display:flex;gap:10px;align-items:center;border-bottom:1px solid #dce0d4;margin-bottom:21px}.search>span{font-size:25px;color:#7a8b74}.search input{background:transparent;border:0;outline:0;font-size:13px;min-width:0;flex:1;padding:12px 0;color:#314932}.search button{background:transparent;color:#61785b;font-size:20px}.group-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin:25px 0 11px;color:#7d8976}.card{display:flex;align-items:flex-start;gap:13px;background:#fffef9;border:1px solid #e3e5db;border-radius:15px;padding:15px;margin:9px 0}.check{flex-shrink:0;width:26px;min-height:26px;border:1px solid #cad4be;border-radius:50%;background:transparent;margin-top:3px;color:#587343}.card-content{flex:1;min-width:0}.card-title{font-size:14px;line-height:1.5;margin:0;color:#354b3a;overflow-wrap:anywhere}.meta{font-size:11px;color:#829079;line-height:1.7;margin-top:5px}.tentative{color:#a17a3a}.adjust{font-size:21px;background:transparent;color:#86937e;min-height:28px;padding:0 4px}.empty{border:1px dashed #d6deca;border-radius:16px;padding:28px 24px;color:#829177;font-size:13px;line-height:1.8}.empty strong{display:block;color:#536b4d;font-weight:500;margin-bottom:5px}footer{margin:42px 0 30px;border-top:1px solid #dfe3d7;padding-top:18px;font-family:Georgia,serif;font-size:14px;color:#819176}footer span{display:block;font:10px -apple-system,sans-serif;margin-top:8px;letter-spacing:.5px}dialog{width:calc(100% - 32px);max-width:440px;max-height:85dvh;overflow:auto;border:1px solid #dce2d3;border-radius:23px;padding:28px;background:#f9faf3;color:#294d40}dialog::backdrop{background:#21342b60;backdrop-filter:blur(4px)}dialog .primary,dialog .secondary{display:block;width:100%;margin:12px 0}.secondary{display:block;text-decoration:none;text-align:center;border:1px solid #d4ddcb;background:transparent;color:#42613f;padding:12px;border-radius:12px;font-size:13px}.close{float:right;background:transparent;font-size:25px;color:#6a7c61}label{display:block;font-size:12px;color:#6d7b66;margin:12px 0}label input,select,#pair-code{display:block;width:100%;padding:12px;background:#fffef9;border:1px solid #d7decd;border-radius:10px;margin:5px 0;font-size:16px;color:#304c36}.danger{color:#a55d48}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.progress{height:4px;background:#e2e8d7;margin-top:12px;border-radius:10px}.progress>div{height:100%;background:#8ca772;border-radius:10px}.choices{display:block}#choices button{display:block;margin:8px 0;background:#e7eddf;color:#294d40;border-radius:10px;padding:10px}.offline{color:#a17a3a}#pairing{padding:30px 0}
