body { font-family: system-ui, Arial, sans-serif; background:#f7f7fb; margin:0; padding:0;}

.container { max-width: 600px; margin: 60px auto; background:#fff; padding:24px; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.08);}

.input-row { display:flex; gap:8px; margin-bottom:12px; }

input { flex:1; padding:10px; border:1px solid #ddd; border-radius:8px; font-size:16px;}

button { padding:10px 16px; border:0; border-radius:8px; cursor:pointer; background:#2563eb; color:white; font-weight:600;}

ul { padding:0; margin:0; list-style:none; }

li { display:flex; justify-content:space-between; padding:10px; border-bottom:1px solid #eee; align-items:center;}

.left { cursor:pointer; }

.completed { text-decoration: line-through; color:#777; }

.hint { color:#666; font-size:12px; margin-top:12px; }