: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(760px,calc(100% - 48px));margin:0 auto;padding:72px 0 140px}.todo,.page>.todo{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{margin:0 0 10px;font-size:clamp(28px,5vw,44px);line-height:1.08}.lead{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}.footer{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #e7e0d5;color:#7c7365;font-size:13px}.footer button{padding:8px 10px;border:1px solid #c9c0b1;border-radius:8px;background:transparent;color:#554d41}.client-note{margin:18px 4px 0;color:#7c7365;font-size:13px;line-height:1.5}@media(max-width:640px){.page{width:min(100% - 24px,760px);padding-top:28px}.head{display:block}.counter{display:inline-block;margin-top:16px}}