:root{color:#211d1b;background:#e8e2d5;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.page-shell{align-items:center;background:radial-gradient(circle at top right,#f6cfa8,transparent 35%),#e8e2d5;display:flex;justify-content:center;min-height:100vh;padding:24px}.todo-card{background:#fffdf8;border:1px solid #c8bda9;box-shadow:12px 12px #b7aa94;max-width:620px;padding:44px;width:100%}.eyebrow{color:#a44b28;font-family:Arial,sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.14em;margin:0}h1{font-size:clamp(2.4rem,8vw,4.7rem);font-weight:400;letter-spacing:-.06em;line-height:.9;margin:10px 0}.summary,.empty{color:#6b625b;margin:0 0 28px}.add-form{display:flex;gap:10px;margin-bottom:20px}.add-form input{background:#fffdf8;border:1px solid #8f8478;flex:1;min-width:0;padding:12px}button{background:#a44b28;border:1px solid #8c3e20;color:#fffdf8;cursor:pointer;padding:12px 16px}button:hover{background:#853b20}.todo-list{list-style:none;margin:0;padding:0}.todo-list li{align-items:center;border-top:1px solid #ded5c8;display:flex;gap:12px;justify-content:space-between;padding:14px 0}.todo-list label{align-items:center;display:flex;gap:12px;overflow-wrap:anywhere}.todo-list input{accent-color:#a44b28;height:18px;width:18px}.todo-list .completed span{color:#857c72;text-decoration:line-through}.delete{background:transparent;border-color:transparent;color:#a44b28;padding:6px}.error{background:#f8e1d7;border-left:3px solid #a44b28;margin:16px 0;padding:10px}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}@media(max-width:520px){.todo-card{box-shadow:6px 6px #b7aa94;padding:28px 22px}.add-form{align-items:stretch;flex-direction:column}}