@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@700&display=swap";:root{color:#22221f;font-synthesis:none;background:#f3efe5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}body:before{content:"";z-index:-1;background:radial-gradient(circle at 12% 15%,#e0efd7 0,#0000 25%),radial-gradient(circle at 88% 85%,#f5d9c8 0,#0000 25%);position:fixed;inset:0}main{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fffdf8;border:1px solid #ded8ca;border-radius:28px;width:min(100%,620px);padding:36px;box-shadow:0 24px 70px #5b534129}header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.18em;color:#75845c;font-size:12px;font-weight:600}h1{margin:8px 0 0;font-family:Playfair Display,serif;font-size:44px;line-height:1}.count{color:#50623d;background:#e4edd8;border-radius:99px;padding:8px 13px;font-size:13px;font-weight:600}form{gap:10px;margin-bottom:24px;display:flex}form input{min-width:0;font:inherit;background:#faf8f2;border:1px solid #d8d1c4;border-radius:14px;outline:none;flex:1;padding:15px 16px}form input:focus{border-color:#6e7f57;box-shadow:0 0 0 3px #dfe8d3}button{color:#fff;cursor:pointer;background:#273220;border:0;border-radius:14px;padding:0 18px;font:600 14px inherit}ul{border-top:1px solid #e8e3d9;margin:0;padding:0;list-style:none}li{border-bottom:1px solid #e8e3d9;justify-content:space-between;align-items:center;min-height:62px;display:flex}label{cursor:pointer;flex:1;align-items:center;gap:13px;display:flex}label input{appearance:none;border:1.5px solid #a9a698;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}label input:checked{background:#73865b;border-color:#73865b}label input:checked:after{content:"✓";color:#fff;font-size:14px}.done span{color:#aaa69c;text-decoration:line-through}.delete{color:#a09b90;background:0 0;padding:7px 10px;font-size:23px}.empty{text-align:center;color:#8e8a80;padding:34px 0}footer{color:#8e8a80;justify-content:space-between;align-items:center;padding-top:22px;font-size:13px;display:flex}.clear{color:#65734f;background:0 0;padding:8px}@media (width<=540px){.card{border-radius:22px;padding:25px 20px}h1{font-size:36px}form{flex-direction:column}form button{height:48px}main{padding:14px}}