*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:2rem;width:100%;max-width:600px}h1{color:#333;margin-bottom:.5rem;font-size:2rem}.subtitle{color:#666;margin-bottom:2rem;font-size:.9rem}.error{background:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid #fcc}.add-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.add-form input{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.add-form input:focus{outline:none;border-color:#667eea}.add-form button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s;font-weight:600}.add-form button:hover:not(:disabled){background:#5568d3}.add-form button:disabled{opacity:.5;cursor:not-allowed}.todos{margin-bottom:1.5rem}.todo-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:.5rem;transition:background .2s}.todo-item:hover{background:#f9f9f9}.todo-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.todo-item span{flex:1;font-size:1rem;color:#333}.todo-item span.completed{text-decoration:line-through;color:#999}.delete-btn{padding:.25rem .5rem;background:#ff4757;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.delete-btn:hover:not(:disabled){background:#ee5a6f}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.empty{text-align:center;color:#999;padding:2rem;font-style:italic}footer{text-align:center;color:#999;font-size:.85rem;padding-top:1rem;border-top:1px solid #e0e0e0}@media(max-width:600px){.container{padding:1.5rem}h1{font-size:1.5rem}}