*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 82% 7%,#ebe7ff,transparent 33%),#f7f7fb;color:#29253d;font:15px system-ui,-apple-system,Segoe UI,sans-serif}.wrap{width:min(820px,calc(100% - 32px));margin:auto;padding:26px 0 25px}header{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;display:flex;align-items:center;gap:6px;letter-spacing:-.5px}.logo{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#8069ee;color:#fff;margin-right:3px}.soft{font-weight:400;color:#827e95}.status{font:11px ui-monospace,monospace;color:#77748a;background:#fff;border:1px solid #eeedf3;border-radius:20px;padding:9px 12px;display:flex;gap:8px;align-items:center}.status i{width:7px;height:7px;background:#52c695;border-radius:50%}.hero{text-align:center;padding:65px 0 36px}.eyebrow{font:10px ui-monospace,monospace;color:#7967c5;letter-spacing:1px}h1{font-size:clamp(48px,8vw,70px);line-height:.99;letter-spacing:-3px;margin:18px 0}h1 em{font-family:Georgia,serif;color:#7861e9}.hero p{color:#77758a;font-size:14px;line-height:1.7;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{background:#fff;border:1px solid #eeedf3;border-radius:15px;padding:20px;min-height:220px;box-shadow:0 8px 24px #33295608}.heading{display:flex;align-items:center;gap:9px;color:#89859c;font:10px ui-monospace,monospace;letter-spacing:1px}.icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f0edff;color:#8069e9;font-size:15px}.icon.peach{background:#fff1e8;color:#e28b61}.heading b{margin-left:auto;color:#3caa76;background:#effaf4;border-radius:20px;padding:5px 8px;font-size:9px}.count{font-size:48px;line-height:1;font-weight:650;letter-spacing:-2px;margin:24px 0 5px}.caption{font-size:12px;color:#89869a;margin:0}.actions{display:flex;align-items:center;gap:9px;margin-top:18px}button{font:inherit;cursor:pointer}.minus,.add{height:37px;border:0;border-radius:9px;font-size:12px;font-weight:600}.minus{width:38px;background:#f4f3f8;color:#655d82;font-size:19px}.add{padding:0 14px;color:#fff;background:#7963e5}.add span{margin-left:8px}.reset{border:0;background:none;color:#8c899c;font-size:11px}.card label{display:block;margin:20px 0 8px;font-size:11px;color:#77748a}.card input{width:100%;height:39px;border:1px solid #e9e7ef;border-radius:8px;padding:0 12px;font:13px inherit;outline:none}.card input:focus{border-color:#a798f0;box-shadow:0 0 0 3px #7963e51a}.greeting{margin-top:14px;border-radius:8px;background:#faf9fd;padding:10px 12px;font-size:12px;color:#504b66}.check{width:100%;display:flex;align-items:center;gap:11px;margin-top:14px;padding:14px 16px;background:#fff;border:1px solid #eeedf4;border-radius:11px;color:#77748a;font-size:12px;text-align:left}.box{display:grid;place-items:center;width:17px;height:17px;border:1px solid #d8d5e3;border-radius:5px;color:#fff}.check.done{background:#f7f5ff;border-color:#d9d2ff;color:#6758ad}.done .box{background:#7963e5;border-color:#7963e5}.arrow{margin-left:auto;color:#aaa6b8;font-size:16px}footer{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:35px;color:#aaa7b7;font:9px ui-monospace,monospace;letter-spacing:1px}footer span{color:#8d7ae8}@media(max-width:560px){.hero{padding:50px 0 27px}.grid{grid-template-columns:1fr;gap:12px}.card{min-height:0}.desktop{display:none}h1{letter-spacing:-2px}footer{font-size:8px}}