:root{color:#1f2933;background:#f6f3ee;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:40rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{margin:0;font-family:Palatino,Georgia,serif;font-size:2.4rem;font-weight:600}.lede{margin:.4rem 0 1.5rem;color:#5c6b73}form,.item,.empty,.error{background:#fff;border:1px solid #e4ddd2;border-radius:16px}form{display:grid;gap:.75rem;padding:1rem}label{display:grid;gap:.35rem;font-size:.9rem}input[type=text],input[type=file]{width:100%;font:inherit}input[type=text]{border:1px solid #d5cdc2;border-radius:10px;padding:.75rem .8rem}button,.file-link{font:inherit}button{border:0;border-radius:999px;padding:.7rem 1rem;background:#0f6e56;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.list{display:grid;gap:.75rem;margin-top:1rem;padding:0;list-style:none}.item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.9rem 1rem}.item.done .title{color:#5c6b73;text-decoration:line-through}.title{display:block;font-size:1.05rem}.file-link{color:#0f6e56}.delete{background:transparent;color:#9f2d2d;padding-inline:.4rem}.empty,.error{margin-top:1rem;padding:1rem}.error{color:#9f2d2d}