:root{--bg:#f7f6f2;--paper:#fff;--text:#243027;--muted:#788077;--line:#e5e6de;--green:#3a7051;--accent:#e8eee7}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{max-width:980px;padding:20px 28px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brandline{display:flex;align-items:center;gap:12px}.brandline strong{font-size:18px;font-weight:680;letter-spacing:-.05em;display:block}.brandline small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.brand-mark{background:var(--text);color:white;border-radius:14px;width:56px;height:56px;display:grid;place-items:center;font-size:34px;font-weight:720;letter-spacing:-.11em}.brand-mark span{font-size:13px;color:#b7d5b5;transform:translate(-2px,-10px)}.brand-mark.small{width:39px;height:39px;border-radius:10px;font-size:23px}.brand-mark.small span{font-size:10px;transform:translate(-1px,-7px)}.status-dot{font-size:12px;display:flex;gap:8px;align-items:center;color:#5d7966}.status-dot i,.tiny-dot{background:#5d9d72;width:7px;height:7px;border-radius:50%;display:inline-block}.content{width:100%;max-width:780px;margin:0 auto;padding:46px 28px 20px;flex:1}.eyebrow{letter-spacing:.2em;font-size:10px;font-weight:700;color:#708275}.intro h1,.login-panel h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.047em;font-size:clamp(36px,7vw,59px);line-height:1.08;font-weight:400;margin:19px 0}.intro h1 em,.login-panel h1 em{color:var(--green);font-weight:400}.lede{font-size:15px;line-height:1.7;color:#69756c;max-width:520px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:34px 0 44px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px;min-height:88px}.metric span{font-size:11px;color:var(--muted);display:block;margin-bottom:11px}.metric strong{font-size:23px;line-height:1.1;font-weight:630;letter-spacing:-.05em}.metric strong.muted{font-size:13px;letter-spacing:0;color:#6b8373}.headingline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.headingline h2{font-size:20px;font-weight:650;letter-spacing:-.04em;margin:0}.section-meta{color:#8b9288;font-size:11px}.capture{background:#fff;border:1px solid #e1e5dc;border-radius:18px;padding:19px;box-shadow:0 9px 32px #34473706}.kinds{display:flex;gap:7px;margin-bottom:17px}.kinds label{cursor:pointer}.kinds input{position:absolute;opacity:0}.kinds span{display:inline-flex;padding:9px 14px;border:1px solid var(--line);border-radius:9px;font-size:12px;color:#70786e}.kinds input:checked+span{color:#275a3c;background:#edf3eb;border-color:#bdd7c4;font-weight:650}.capture>input,.capture>textarea,.login-panel input{display:block;width:100%;border:1px solid #e5e8e0;border-radius:10px;background:#fcfcf9;color:var(--text);outline:none;padding:13px 14px;font-size:15px}.capture>input:focus,.capture>textarea:focus,.login-panel input:focus{border-color:#7da18a;box-shadow:0 0 0 3px #80ab8a25}.capture>textarea{resize:vertical;margin-top:11px;line-height:1.5;min-height:90px}.capture-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.capture-footer>span{font-size:11px;color:#819084}.capture-footer>button,.login-panel button{padding:11px 17px;border-radius:10px;background:#284933;color:#fff;border:0;font-size:13px;font-weight:600;white-space:nowrap}.capture-footer>button span,.login-panel button span{margin-left:10px}.capture-footer>button:disabled,.login-panel button:disabled{opacity:.6}.inboxhead{margin-top:44px}.refresh,.task-toggle{border:0;background:transparent;color:var(--green);font-size:12px}.items{display:grid;gap:11px}.empty{background:#fff;border:1px dashed #d7ded4;color:#879487;text-align:center;padding:40px 18px;border-radius:14px;font-size:13px}.item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 19px}.item.is-done{opacity:.6}.item.is-done h3{text-decoration:line-through}.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.item-top time{font-size:11px;color:#8d978f}.kind{display:inline-flex;padding:5px 9px;border-radius:6px;background:#edf3ed;color:#446e4e;font-size:9px;letter-spacing:.09em;font-weight:700}.kind.task{background:#edf1f8;color:#5976a3}.kind.note{background:#f6f0e9;color:#926f49}.item h3{font-size:15px;font-weight:620;margin:0 0 7px}.item p{font-size:13px;line-height:1.55;color:#69766d;margin:0 0 10px;white-space:pre-wrap}.task-toggle{padding:4px 0}.footnote{display:flex;align-items:center;gap:8px;margin:26px 2px;color:#839087;font-size:11px}.bottom{max-width:980px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 28px 32px;color:#8a938a;font-size:11px}.bottom button{background:none;border:0;color:#708577;font-size:12px}.login-view{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:30px 20px}.login-panel{max-width:420px;width:100%;padding:25px 8px}.login-panel .brand-mark{margin-bottom:30px}.login-panel .lede{margin-bottom:32px}.login-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.login-panel button{margin-top:12px;width:100%;text-align:left;padding:15px 18px;display:flex;justify-content:space-between}.error{color:#9d463d;font-size:12px;min-height:18px}.login-footer{font-size:11px;color:#9ca59b;margin-top:56px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}@media(max-width:580px){.topbar{padding:16px 20px}.status-dot span{font-size:10px}.content{padding:32px 20px 24px}.intro h1{font-size:42px}.lede{font-size:14px}.metrics{gap:8px;margin:24px 0 38px}.metric{padding:13px 11px;min-height:84px}.metric strong{font-size:20px}.metric strong.muted{font-size:12px}.section-meta{font-size:9px}.capture{padding:14px}.capture-footer{align-items:flex-start;flex-direction:column}.capture-footer>button{align-self:stretch}.headingline h2{font-size:19px}.bottom{padding:16px 20px 26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}