:root{color:#17202a;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.page{width:min(1080px,calc(100% - 48px));margin:0 auto;padding:72px 0 140px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;align-items:start}.workspace,.ledger{padding:30px;border:1px solid #d7d0c3;border-radius:24px;background:#fffdf8;box-shadow:0 24px 70px #3d301914}.head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.eyebrow{margin:0 0 8px;color:#99752f;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0 0 10px;line-height:1.1}h1{font-size:clamp(28px,4vw,42px)}h2{font-size:25px}.lead,.ledger>p{margin:0;color:#686154;line-height:1.6}.counter{padding:8px 12px;border-radius:999px;background:#e3efe9;color:#20473e;white-space:nowrap;font-weight:650}.composer{display:flex;gap:8px;margin:28px 0 18px}.composer input{flex:1;padding:12px 14px;border:1px solid #c9c0b1;border-radius:10px;background:#fff}.composer button{padding:10px 14px;border:1px solid #2d5b4f;border-radius:10px;background:#2d5b4f;color:#fff}.tasks{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tasks li{padding:12px 14px;border:1px solid #e7e0d5;border-radius:12px}.tasks label{display:flex;gap:10px;align-items:center}.tasks .done span{color:#8c8374;text-decoration:line-through}.manual{display:flex;gap:12px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #e7e0d5}.manual button{padding:8px 10px;border:1px solid #c9c0b1;border-radius:8px;background:transparent;color:#554d41}.manual p{margin:0;color:#7c7365;font-size:12px;line-height:1.45}.ledger{background:#263d36;color:#f8f3e8;border-color:#263d36}.ledger .eyebrow{color:#bcd2c8}.ledger>p{color:#cad8d2}.ledger ol{display:grid;gap:0;margin:24px 0 0;padding:0;list-style:none}.ledger li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-top:1px solid rgb(255 255 255 / 14%)}.ledger li>span{color:#9db9ae;font:650 12px/1.4 ui-monospace,monospace}.ledger strong{display:block;margin-bottom:3px}.ledger li p{margin:0;color:#c5d3cd;font-size:13px;line-height:1.45}@media(max-width:860px){.page{width:min(100% - 24px,1080px);grid-template-columns:1fr;padding-top:28px}.head{display:block}.counter{display:inline-block;margin-top:16px}}
