:root{color-scheme:light;background:#f6f4ef;color:#20231f;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:0 auto;padding:88px 24px}header{margin-bottom:42px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#73766f;font-weight:700}h1{font-family:Georgia,serif;font-size:56px;line-height:1.03;margin:18px 0 12px;font-weight:400}h1 em{color:#d66b48}.muted,.sub{color:#73766f}form{display:flex;gap:10px;margin-bottom:54px}input{background:#fff;border:1px solid #ddd8cc;border-radius:8px;padding:15px 16px;font-size:16px;flex:1 1}button{border:0;border-radius:8px;background:#20231f;color:#fff;padding:0 20px;font-weight:700;cursor:pointer}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedad0;padding-bottom:14px}.section-head h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0}.section-head span{font-size:12px;color:#d66b48}article{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #dedad0}.check{width:24px;height:24px;padding:0;border:1px solid #b9b5aa;border-radius:50%;background:transparent;color:#d66b48}.done span{text-decoration:line-through;color:#9a9a93}.delete{margin-left:auto;padding:0 8px;background:transparent;color:#aaa;font-size:22px}.error{color:#b34535}@media(max-width:520px){h1{font-size:44px}form{flex-direction:column;gap:8px}form button{height:48px}}