*{box-sizing:border-box}body{margin:0;font-family:system-ui;background:#f3f4f6;color:#111827}.container{max-width:650px;margin:auto;padding:16px}header{position:sticky;top:0;background:#f3f4f6;padding:8px 0 14px}h1{margin:0}#status{margin:4px 0;color:#6b7280;font-size:13px}.item{display:flex;align-items:center;gap:10px;background:white;border-radius:14px;padding:13px;margin:8px 0;box-shadow:0 1px 3px #0001}.item label{flex:1;font-size:18px}.checked label{text-decoration:line-through;color:#9ca3af}.qty{color:#6b7280;font-size:14px}.delete{border:0;background:transparent;cursor:pointer;font-size:18px}form{position:sticky;bottom:10px;display:grid;grid-template-columns:1fr 70px 70px 80px;gap:6px;background:white;padding:8px;border-radius:15px;box-shadow:0 4px 20px #0002}input,button{min-height:44px;border:1px solid #d1d5db;border-radius:10px;padding:8px;font-size:15px}button{background:#111827;color:white;border:0}@media(max-width:520px){form{grid-template-columns:1fr 60px 60px 70px}}