body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;background-color:#f5f5f5;padding:30px;color:#525252}.app{max-width:600px;margin:0 auto;background-color:#fff;padding:25px 30px;border-radius:8px;box-shadow:0 4px 10px #0000001a}h1{text-align:center;color:#3a86ff;font-size:1.8rem;margin-bottom:20px}h2{margin-bottom:10px;color:#3a86ff}p{margin:10px 0;line-height:1.6}input{box-sizing:border-box}button{background-color:#3a86ff;color:#fff;padding:8px 12px;margin-right:10px;border:none;border-radius:5px;cursor:pointer;font-size:.95rem;transition:background-color .3s ease}button:hover{background-color:#0a29f5}.todo-list{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #a3a3a3}.todo{background-color:#fff;box-shadow:0 2px 6px #0000001a;padding:15px;margin-bottom:12px;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.complete{background-color:#06d6a0;color:#fff}.remove{background-color:#ff595e;color:#fff}.todo-form{padding-bottom:1.5rem}input,select{padding:10px;margin-bottom:12px;border:1px solid #a3a3a3;border-radius:5px;width:100%;font-size:1rem;background-color:#f5f5f5}input:focus,select:focus{outline:none;border-color:#3a86ff;box-shadow:0 0 5px #3a86ff80}@media (max-width: 768px){body,.app{padding:20px}h1{font-size:1.6rem}button{padding:7px 10px;font-size:.9rem}.todo{flex-direction:column;align-items:flex-start}.todo button{width:100%;margin-top:8px}input,select{font-size:.9rem}}@media (max-width: 480px){.app{max-width:100%;padding:15px}h1{font-size:1.4rem}button{padding:6px 8px;font-size:.8rem}input,select{font-size:.8rem}}