*{box-sizing:border-box}body{margin:0;background:#f3f5f4;color:#17221c;font-family:system-ui,sans-serif}.shell{max-width:860px;margin:42px auto;padding:0 16px}header small{font-weight:800;letter-spacing:.15em;color:#52705f}h1{font-size:clamp(36px,7vw,56px);margin:8px 0}header p{color:#66716b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.stats div,.card{background:white;border:1px solid #dde4df;border-radius:16px;box-shadow:0 5px 20px #17221c0a}.stats div{padding:16px;color:#68736d;font-size:13px}.stats b{display:block;color:#17221c;font-size:28px}.card{padding:22px;margin:12px 0}label{display:block;font-size:13px;font-weight:700;margin:14px 0}input,textarea{width:100%;display:block;margin-top:7px;padding:12px;border:1px solid #ccd5cf;border-radius:10px;font:inherit}textarea{min-height:85px}button{border:0;border-radius:10px;padding:11px 15px;background:#28543d;color:white;font-weight:700}.error{color:#a12626;background:#fff0f0;padding:10px;border-radius:8px}.task{display:flex;gap:14px;align-items:flex-start}.task>div{flex:1}.task h3{margin:2px 0}.task p{color:#627068}.check{background:white;color:#28543d;border:2px solid #668573;font-size:18px;padding:2px;width:32px;height:32px}.del{background:transparent;color:#a33}.done h3{text-decoration:line-through;color:#78837d}.empty{text-align:center;color:#68736d}@media(max-width:560px){.shell{margin-top:24px}.stats{gap:6px}.stats div{padding:12px 8px}.card{padding:16px}.del{font-size:0}.del:after{content:'×';font-size:24px}}