*{box-sizing:border-box;padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:white;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);padding:40px;width:100%;max-width:500px}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2rem}.input-group{display:flex;gap:10px;margin-bottom:25px}input{flex:1 1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s}input:focus{outline:none;border-color:#667eea}button{padding:12px 24px;background:#667eea;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}button:hover{background:#5568d3}button:active{transform:scale(.98)}.todo-list{list-style:none}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:10px;transition:all .2s}.todo-item:hover{background:#f0f1f3;transform:translateX(4px)}.todo-item.completed{background:#e8f5e9}.todo-text{flex:1 1;font-size:16px;color:#333}.todo-item.completed .todo-text{text-decoration:line-through;color:#999}.todo-actions{display:flex;gap:8px}.btn-small{padding:8px 12px;font-size:14px}.btn-complete{background:#4caf50}.btn-complete:hover{background:#43a047}.btn-delete{background:#f44336}.btn-delete:hover{background:#d32f2f}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:16px}