body{color:#512f03c4;background-color:#f5e8d5;max-width:600px;margin:0 auto;padding:20px;font-family:sans-serif}h1{text-align:center;border:3px solid #512f03c4;border-radius:8px;margin:0 0 16px;padding:16px;font-family:Courier New,Courier,monospace;font-size:2.5rem}#addForm{gap:8px;margin-bottom:24px;display:flex}#addForm input{border:1px solid #ccc;border-radius:4px;padding:6px 10px;font-size:1rem}#inputTarget{width:180px;margin:auto}#addForm button{cursor:pointer;color:#fff;background-color:#512f03c4;border:none;border-radius:4px;padding:6px 12px}.card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px}.card h2{font-size:1.5rem}.controls{align-items:center;gap:12px;display:flex}.controls button{cursor:pointer;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;width:36px;height:36px;font-size:1.4rem}.count{text-align:center;min-width:2ch;font-size:2rem;font-weight:700}.card-footer{gap:8px;margin-top:12px;display:flex}.card-footer button{cursor:pointer;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:4px 10px;font-size:.9rem}@media (width<=480px){body{padding:12px}#addForm{flex-direction:column}.count{font-size:1.5rem}}@media (width>=481px) and (width<=768px){body{max-width:500px;padding:16px}}@media (width>=769px) and (width<=1024px){body{max-width:600px;padding:24px}}